テキスト関連タグ

HOME>よくわかるHTML講座>テキスト関連タグ

ページ全般タグ
改行する
水平線を引く
中央揃えにする
フォント弄り系タグ
太字にする
斜体にする
取り消し線を引く
上付き・下付きにする



ページ全般タグ

改行する<br>

<br />

使用例

説明
HTMLではソースを単に改行しただけでは改行されません。改行タグを入れる必要があります。
なお、<br>だけでも大概のブラウザは問題無く表示してくれますが、閉じタグの無いタグなので<br />と書くのが正式です。
ソース
実行結果
こんな 感じで、
こうすると、
どうでしょう。

水平線を引く<hr>

<hr />

使用例

説明
水平線を引きます。むやみに引きすぎると見づらくなるかも。
なお、<hr>だけでも大概のブラウザは問題無く表示してくれますが、閉じタグの無いタグなので<hr />と書くのが正式です。
ソース
実行結果
水平線
だよー。

中央揃えにする<center>

<center>太字にしたい部分</center>

使用例

説明
このタグで囲んだ部分を中央揃えにすることができます。最新のHTML仕様では「あんまり使っちゃいけないよ」ということになっているらしいです。
ソース
実行結果
普通
中央



フォント弄り系タグ

太字にする<b>

<b>太字にしたい文字</b>

使用例

説明
文字を太字にして強調することができます。最新のHTML仕様では「あんまり使っちゃいけないよ」ということになっているらしいです。
ソース
実行結果
ジョン・カビラ

斜体にする<i>

<i>斜体にしたい文字</i>

使用例

説明
文字を斜体にすることができます。最新のHTML仕様では「あんまり使っちゃいけないよ」ということになっているらしいです。
ソース
実行結果
ジョン・健・ヌッツォ

取り消し線を引く<s>

<s>取り消したい文字</s>

使用例

説明
取り消し線を引くことができます。フォント弄り系HPには必須ですよね。
ソース
実行結果
井上和香のクチビルにだけ萌え。

下線を引く<u>

<u>下線を引きたい文字</u>

使用例

説明
下線を引くことができます。文字に下線が引いてあると、ページを見た人がリンクと勘違いをするおそれがあります。文字に下線を引くのは個人的には止めて頂きたい。
ソース
実行結果
あえて言おう、カスであると。

上付き・下付きにする<sup>と<sub>

<sup>上付きにしたい文字</sup> <sub>下付きにしたい文字</sub>

使用例

説明
上付き文字・下付き文字にすることができます。
ソース
実行結果
E=MC2 H2O