HTMLタグ(テキスト形式での投稿)について、
ちょこっとまとめてみようと思いますww
今回は文字ばかりなのでご注意下さい(笑
カテゴリー『CSS・ブログ小技』に分類しますので
興味がある、且つ時間があるときに読んでくださいね( ̄ω ̄
まずはタグの形について。
基本的には『<○○>』と『</○○>』がペアとなって成立してます。
なので『<』『>』の数が多かったり少なかったり、
『</○○>』が無かったり(=タグの閉じ忘れ)すると
タグが表に出てきてしまうので注意が必要です。
それでは私の過去記事『夏でも毛布(
→参照)』のタグを例に見てみましょうw
※『(省略)』の部分には本当はURLが書かれていますが少しでも短くしたいので省きます。<div align="center"><a href="http://(省略)" target="_blank"><img src="http://(省略).jpg" width="350" height="262" border="0" hspace="5" align="center" alt="☆クリックで動画☆"></a><br /><br /><br /><span style="font-size:150%"><strong>ミントが毛布をくわえています。</strong></span><br /><br /><br />…この続きは写真をクリックしてムービーをご覧くださいww<br /><br />40秒弱の無音動画となっております(^^<br /><br /><br />ちなみにこの毛布、我が家では「オカーサン」と呼んでます(笑<br /><br /></div>・・・なんの事やら・・・う〜ん解りにくい(==;
ではこうするとドウデショウw
<div align="center"><a href="http://(省略)" target="_blank"><img src="http://(省略).jpg" width="350" height="262" border="0" hspace="5" align="center" alt="☆クリックで動画☆"></a><br /><br /><br /><span style="font-size:150%"><strong>ミントが毛布をくわえています。</strong></span><br /><br /><br />…この続きは写真をクリックしてムービーをご覧くださいww<br /><br />40秒弱の無音動画となっております(^^<br /><br /><br />ちなみにこの毛布、我が家では「オカーサン」と呼んでます(笑<br /><br /></div>これで少しは見やすくなったでしょうか♪
『(同じ色同士)ペアとなって、文字を挟んでいる』
と言うことが多少解りやすくなったかなと思いますが・・・如何でしょう☆
(但し
<img src="〜>や
<br />は例外でペアがない状態が普通です)
例えば一番説明しやすいのが
<strong>・・・
</strong>です。
コレは挟んだ部分を
強調文字(太字)にするというタグなんですね(^^
なのでコレで挟まれている文章(=ミントが毛布をくわえています。)が太字になったと言うわけです。
</○○>は『ここまで○○しろ!』という意味なので、閉じ忘れる(</strong>が無い)と
『終了点が無い』と言うことになり全文太字になっちゃったりします。
もしいきなり途中から全部太字になったりしたら
</strong>を間違って消してしまったのかも・・・と推測できます(笑
そんな訳で『装飾したい部分をタグではさむ』というのが基本ですw
タグのそれぞれの意味はまた次回ということで・・・v