HTMLテキスト2 |テキスト色付けと行揃え【インターネット研究会Z】

■HTMLの基本
HTMLとは？
ブログが優秀？
初心者ミス・疑問
階層とファイル名
基本構成
改行と段落
文字の大きさ
強調/斜体/打消し
文字の色指定
中央寄せ
行揃え（段落）
行揃え
見出し
+-で文字指定
箇条書きリスト
順番有りリスト
ハイパーリンク
メールリンク
■メタタグ
□説明文/キーワード

16進数色見本
色名で指定

■実践的
JavaScript・CSS
画面内で広告固定

■無料レンタル
HPスペース
アクセスランキング
アクセス解析
ブログパーツ
□R指定サイト可
掲示板
アクセスランキング
アクセス解析

■無料配布CGI
画像掲示板
1行掲示板

■CSS
px,em,%対応表

■無料ツール
構文チェック
HTML Validator
リンク切れチェック
リンク切れチェッカー

別ジャンルへ飛ぶ

別サイト（創作専門）

掲示板・ろだ

年齢制限/広告非表示

GoogleAds非表示

コピペ

スマホ向けページ有

		殿
		5
		4
		3
		2
		1
		不

サイト名変更／移転

サイト合併／休止

サイト閉鎖／年齢指制限

■ 文字の色指定

色指定は範囲で指定していきますので全部赤の中に1箇所青を指定すると前半の赤、真ん中の青、後半の赤と指定しなければないません。これが複雑になっていくとページの表示が重くなっていく要因ですね。上手くシンプルになるように構成しましょう。

～
☆=色を16進数か色名で指定する
16進数で色指定
色名で色指定

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>



R
B
Y
G



</BODY>

</HTML>

タイトルです

RBYG

■ センタリング

あまり使われる事の無くなった<center>タグ。IEとFirefoxでも反映のされ方が違って使いにくい

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>

<center>
本文が<bｒ>
真中によるよ<bｒ>
文字だけでなく<bｒ>
画像やテーブルも平気だよ <bｒ>
</center>

</BODY>

</HTML>

タイトルです

本文が
真中によるよ
文字だけでなく
画像やテーブルも平気だよ

■ 行揃え（段落）

divを使用する事が多いので使用してないです。これもIEとFirefoxでも反映のされ方が違って使いにくいタグのひとつです。

～
☆=left(左寄せ)
☆=center（中央）
☆=right（右寄せ）

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>



～は段落を形成するタグなので、 
前後が一行開きます。





 で代用できるので 
あまり使わないかもしれません。



</BODY>

</HTML>

*注意　<>は表示できませんので<>と書きます。

タイトルです

～は段落を形成するタグなので、
前後が一行開きます。

で代用できるので
あまり使わないかもしれません。

■ 行揃え

<CENTER>～</CENTER>は現在余り使用されません、代わりに<DIV ALGIN="CENTER">～</DIV>が好まれます。これもIEとFirefoxでも反映のされ方が違って使いにくいタグのひとつです。

<DIV ALIGN ="☆">～</DIV>
☆=left (左寄せ)
☆=center （中央）
☆=right （右寄せ）

<HTML>

<HEAD>
<TITLE>
タイトルです
</TITLE>
</HEAD>

<BODY>

<div align="center">

～は段落を形成するタグなので、 
前後が一行開きます。

</div>

 

<div align="right">

 で代用できるので 
あまり使わないかもしれません。

</div>

</BODY>

</HTML>

*注意　<>は表示できませんので<>と書きます。

タイトルです

～は段落を形成するタグなので、
前後が一行開きます。

で代用できるので
あまり使わないかもしれません。

（2002年5月28日記載　2011年11月13日修正・追記）