KinutaHandicraft - ヒント集 - ヒントだよ！HTML & CSS -

■ ヒントだよ！HTML & CSS ■

topへ序 HTML CSS 表計算利用ファイル色指定ソフト/機材参考書など単位記号の例

HTMLの構造タグの基本タグ(全体) グローバル属性 head内タグ body内タグ

body内ダグ1 body内ダグ2 body内ダグ3 body内ダグ4 body内ダグ5 body内ダグ6

■ HTML
・body内タグ1

<divデヴィジョン属性="属性値">～</div>
フローコンテンツをまとめる。属性:グローバル属性。
※<div>～</div>とcssで多くのタグの代用が出来ます。
便利なタグです。

<spanスパン属性="属性値">～</span>
フレーズをグループ化する。属性:グローバル属性。
文字単位の色やサイズを変えたいとき使っています。
css設定になるので、最初の行には適応されますが、2行目(改行)以後は設定が無視されます。

<pパラグラフ属性="属性値">～</p>
段落を表す。属性:グローバル属性。
<br>と<div>～</div>で十分で使っていません。

<centerセンター属性="属性値">～</center>
中央揃え。廃止。
CSSの margin-right:auto;/ margin-left:auto; で中央揃えになるようです。

<fontフォント size="属性値">～</font>、フォントサイズを指定する。廃止。
文字サイズは、CSSのfont-sizeで設定します。→「CSSの例」表示
<fontフォント color="属性値">～</font>、フォントの色を指定する。廃止。
文字色は、CSSのcolorで設定します。

<articleアーティクル属性="属性値">～</article>
独立した記事セッションを示す。属性:グローバル属性。
例:<article>記事を記述</article>
例:
記事を記述

<sectionセッション属性="属性値">～</section>
文書のセッションを表す。属性:グローバル属性。
例:<section>文書のセッション</seciton>
例:
文書のセッション

<navナビ属性="属性値">～</nav>
主要なナビゲーションを表す。属性:グローバル属性。
例:<nav>主要なナビゲーション</navn>
例:
主要なナビゲーション

<asideアサイド属性="属性値">～</aside>
補足情報を表す。属性:グローバル属性。
例:<aside>補足情報</aside>
例:
補足情報

header

footer

main

div

<ulアンオーダード・リスト属性="属性値">～</ul>
リストを表示します。属性:グローバル属性。
例:<ul> <li>あいうえお</li> <li>かきくけこ</li> </ul>
- あいうえお
- かきくけこ

<liリスト・アイテム属性="属性値">～</li>
リスト項目を指定する。属性:グローバル属性。
- 例:<ul> <li>あいうえお</li> <li>かきくけこ</li> </ul>
  - あいうえお
  - かきくけこ

<fingureフィギュア属性="属性値">～</fingure>
写真などのまとまりを表す。
<figcaptionフィギュア・キャンプション属性="属性値">～</figcaption>
写真などにキャンプションを付与する。属性:グローバル属性。
例:<figure> <img> <figcanption>～ </figcanption></figure>

<hrホリゾンタル・ルール属性="属性値">～</hr>
段落の区切りを表し、線を引く。属性:グローバル属性。
例:<hr>
例:
※CSSのborder-bottom設定で代用出来ているので使っていません。

body内ダグ1 body内ダグ2 body内ダグ3 body内ダグ4 body内ダグ5 body内ダグ6

HTMLの構造タグの基本タグ(全体) グローバル属性 head内タグ body内タグ

topへ序 HTML CSS 表計算利用ファイル色指定ソフト/機材参考書など単位

見出し1