【早見表】HTML

2)-4学んだこと)HTML_CSS

1)htmlの記述【基本タグ】

<!doctype html>DOCTYPE宣言
<html>∼</html>HTML文書であることを示す
<head>∼</head>文書のヘッダ情報を表す
<body>∼</body>文書の本体を表す

2)htmlの記述【head】

<meta>その文書に関する情報(メタデータ)を指定する
<title>∼</title>文書にタイトルをつける
<link>∼</link>リンクする外部リソースを指定する

3)htmlの記述【body】

<h1>∼</h1>
<h2>∼</h2>
<h3>∼</h3>
<h4>∼</h4>
<h5>∼</h5>
<h6>∼</h6>
見出しを付ける
<section>∼</section>一つのセクションであることを示す
<nav>∼</nav>ナビゲーションであることを示す
<header>∼</header>ヘッダであることを示す
<footer>∼</footer>フッタであることを示す
<p>∼</p>ひとつの段落(パラグラフ)であることを表す
<hr>テーマや話題の区切りを表す
<ul>
<li>∼</li>
</ul>
順序のないリストを表示する
<ol>
<li>∼</li>
</ol>
順序のあるリストを表示する
<dl>
<dt>∼</dt>
<dd>∼</dd>
</dl>
定義・説明リストを表す
<div>∼</div>ひとかたまりの範囲として定義する
<main>∼</main>メインコンテンツであることを示す
<a>∼</a>ハイパーリンクを指定する
<em>∼</em>強勢する(アクセントを付ける)箇所を表す
<strong>∼</strong>強い重要性を表す
<small>∼</small>免責・警告・著作権などの注釈や細目を表す
<i>∼</i>声や心の中で思ったことなど、他と区別したいテキストを表す
<b>∼</b>文書内のキーワードや製品名など、他と区別したいテキストを表す
<span>∼</span>ひとつの範囲として定義する
<br>改行する
<img>画像を表示する
<iframe>∼</iframe>インラインフレームを作る
<table>∼</table>テーブル(表)を作成する
<caption>∼</caption>テーブル(表)にキャプションをつける
<tr>∼</tr>テーブル(表)の横一行を定義する
<th>∼</th>テーブル(表)の見出しセルを作成する
<td>∼</td>テーブル(表)のデータセルを作成する

コメント

タイトルとURLをコピーしました