|
HTML HTML5 HTMLタグ スマートフォン |
CSS CSSプロパティ CSS・HTML便利ツール |
HTML色見本 配色組み合わせツール 特殊文字 |
JAVA Android |
PHP Smarty修飾子 EXCEL |
WEB技術の辞書・解説・使用例
基本的にHTMLのタグは文章構造にのみ用い、文字の色・デザイン・レイアウトなど見栄えに関する事はSPANタグやDIVタグなどを用い、スタイルシートで行うことが推奨されています。
<SPAN>タグや<DIV>タグはそれ自体あまり意味を持ちませんが、スタイルシートを用いたレイアウトで利用されます。DIV(ブロック)とSPAN(インライン)の違いをご覧ください。DIVを活用したデザインにはCSSのブロック要素のジェネレーター等もご活用下さい。
パラメーター
align="align" 表示位置を指定します。
center：中央表示
left：左寄せ（既定値）
right：右寄せ
justify：両端揃え
<DIV>タグ（ブロック要素）の例
<div align="left">あいえお</div><div align="center">かきくけこ</div>
あいえお
かきくけこ
<div style="background-color:skyblue;border:1px solid silver;">青色のブロック</div>
<div style="background-color:pink;border:1px solid silver;">赤色のブロック</div>
青色のブロック
赤色のブロック
<SPAN>タグ（インライン要素）の例
<span style="background-color:skyblue;border:1px solid silver;">赤色のインライン</span><span style="background-color:pink;border:1px solid silver;">青色のインライン</span>
赤色のインライン青色のインライン
HTMLの一般属性
| 属性 | 説明 |
|---|---|
| class="～" | クラス名を指定。使用例 |
| id="～" | IDを指定します。使用例 |
| style="～" | スタイルシートを直接記述。使用例 |
| title="～" | タイトルを指定します。 |
| dir="ltr|rtl" | 文字の表示方向を指定。 ltr(左から右)、rtl(右から左) |
| lang="～" | 言語を指定。日本語の場合は"ja" |