webæ‹æ‰‹
webæ‹æ‰‹ãƒˆãƒƒãƒ—ページ
ã€イラスト投稿掲示板】
 ・
イラスト投稿掲示板
ã€イラスト教本中身紹介】
 ・
The WAGARA 日本の伝統美 素材集 (DVD-ROM1枚付)
 ・
デジタルコミック ブラシ&トーン素材 きらめき (DVD付)
 ・
和柄パーツ&パターン素材 Vol.2
 ・
マンガ家と作るBLポーズ集 スーツ篇
 ・
和柄の花 素材集
 ・
デジ絵を簡単マスター 画力向上トレーニング ペイントツールSAI&IllustStudio対応(CD-ROM付)
 ・
ガーリー&メルヘン オシャレな素材690点
 ・
和柄パーツ & パターン素材
 ・
絵描きのためのチームBLポーズ写真集2
 ・
マンガ描こうよ!
ã‚‚ã£ã¨è¦‹ã‚‹
ã€この本を手に取って欲しい】
 ・
「1日30分」を続けなさい!
 ・
漫画のスキマ
 ・
イニシエーションラブ
ã€絵が上手くなってみたい。Destiny】
 ・
ネコを描く編。
 ・
5.色塗り完成編
 ・
コミケ行きます。
 ・
5.下書き完成編
 ・
4.かわいく描く編
 ・
3.まさかの原稿無くなる編
 ・
2.目が揃わないのです編
 ・
1.イラスト投稿します!
 ・
50万ユーザー突破しました!
 ・
近況報告
ã‚‚ã£ã¨è¦‹ã‚‹
ã€小説を書いてみる】
 ・
三題囃ラスト!
 ・
三題囃 第九弾
 ・
三題囃 第八弾
 ・
三題囃 第七弾
 ・
三題囃 第六弾
 ・
三題囃 第五弾
 ・
三題囃 第四弾
 ・
三題囃 第三弾
 ・
三題囃 第二弾
 ・
三題噺 その一
ã‚‚ã£ã¨è¦‹ã‚‹
色々なタグと「属性」のお話 - 超初心者向けHTML講座 2008/09/11 13:14
※前回まで、HTMLタグは見易さを重視して大文字で表記してきましたが、
今後は小文字で表記するのが一般的になりますので、今回から全て小文字で表記していきます。
HTMLには100を超える多種多様なタグが用意されています。
それぞれに決まった効果があり、頻繁に使われるものから、
今ではほとんど使われないもの、一体どこで使えばいいのか分からないものまで様々です。
また、タグには「属性」と呼ばれる「そのタグの効果を詳細に設定するための値」が使えるものがあります。
赤線の部分が「HTMLタグ」で、青線の部分が「属性」です。
HTMLタグは「<」と「>」で囲むといったルールがあるのは最初にお話しましたが、
属性を使用する場合はまず最初(「<」のすぐ後ろ)でHTMLタグを宣言し、
半角スペースを空けて
「属性名="設定値"」という形で表記します。
連続で複数の属性を設定するときは同様に半角スペースを空けて表記します。
「属性名="設定値"」というように設定値をダブルクォーテーションで囲んで表記するのが一般的で、
囲まなくても正常に動作することが多いですが、ダブルクォーテーションで囲む癖をつけておいたほうが良いでしょう。
上のソースをブラウザで開くとこのように表示されます。
同じ
タグでも、「属性」で設定された値によって効果が変わってきます。
HTMLタグの中には、属性を設定しないと効果が無いタグもたくさんありますし、使用可能な属性もタグによって異なります。
続いて、HTMLの覚え始めに知っておいた方が良い基本的なタグとして、
今まで講座内で使ってきたタグを細かく解説します。
■<font>
<font>〜</font>で囲まれた部分の文字の色や大きさを設定します。
閉じることが必要なタグです。
基本的な属性
・color 文字の色を指定します。
「#FFFFFF」や「#0055FF」といったRGB表記(RGB表記の詳細は後日)か、
「red」「blue」といった
あらかじめ決められている
色の名前での指定が可能です。
・size 文字の大きさを1〜7で指定します。
初期状態は「3」です。
■<b>
<b>〜</b>で囲まれた部分の文字を太字にします。
これも閉じる必要があるタグです。
<b>タグ特有の属性はありません。
■<br>
改行をします。
閉じる必要の無いタグです。
<br>タグ特有の属性は若干難易度が高いのでここでは割愛します。
■<hr>
横一直線の水平な線を引くことができます。
閉じる必要はありません。
このタグを使用すると、強制的に改行されて横線が引かれます。
基本的な属性
・color 線の色をRGBか色名で指定します。
・width 線の長さを「100」や「200」といったピクセル単位か、「50%」といったパーセンテージで指定します。
・size 線の太さをピクセル単位で設定します。
・align 線を表示する位置を「left(左寄せ)」「center(中央)」「right(右寄せ)」で指定します。
と、こんなところでしょうか。
いっぺんに解説したのでいきなり難易度が上がってしまったように感じますが、
実際に使うタグや属性はかなり限定されてくるので、使っていくうちになんとなく身についてくるはずです。
次回はありがちな失敗のパターンを解説します。
だんでぃ
web拍手を送る
定番のHTML辞典。僕も持ってます
HTMLタグ辞典 第6版 XHTML対応
<<
 
記事一覧
 >>