HTMLの各要素の基本的な使い方の早見表。

HTMLクイックリスト

スポンサード リンク

HTMLの各要素の基本的な使い方の早見表としてご活用ください。

HTMLの基本的なドキュメント

<html>
<head>
<title>ここにドキュメントのタイトルを記述します</title>
</head>
<body>
ここに表示されるテキストを記述します
</body> 
</html>

見出しの要素

<h1>最大の見出し</h1> 
<h2>・・・</h2>
<h4>・・・</h4>
<h4>・・・</h4>
<h5>・・・</h5>
<h6>最小の見出し</h6>

テキストに関する要素

<p>これは段落です</p>
<br> （改行）
<hr> （水平線）
<pre>これは整形済みテキストです</pre>

論理的な要素

<em>これは強調を表します</em>
<strong>これは強調を表します</strong>
<code>これはコンピュータコードを表します</code>

物理的な要素

<b>これは太字を表します</b>
<i>これは斜体を表します</i>

リンク、アンカー、画像に関する要素

<a href="http://html.w-d-potal.com/">これはリンクです</a>
<a href="http://html.w-d-potal.com/"><img src="URL" alt="代替テキスト"></a>
<a href="mailto:info@xxx.com">Eメールを送る</a>

<a name="C1">チャプター1</a>
<a href="#C1">チャプター1へジャンプする</a>

番号なしリスト要素

<ul>
<li>最初の項目</li>
<li>次の項目</li>
</ul>

番号付きリスト要素

<ol>
<li>最初の項目</li>
<li>次の項目</li>
</ol>

定義リスト要素

<dl>
<dt>最初の用語</dt>
<dd>説明</dd>
<dt>次の用語</dt>
<dd>説明</dd>
</dl>

テーブル要素

<table border="1">
<tr>
<th>見出し</th>
<th>見出し</th>
</tr><tr>
<td>データ</td>
<td>データ</td>
</tr>
</table>

フレーム要素

<frameset cols="25%,75%">
<frame src="page1.html">
<frame src="page2.html">
</frameset>

フォーム要素

<form action="http://www.xxx.com/cgi.cgi" method="post/get"> 
<input type="text" name="name" value="namae" size="30" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">

<select>
<option>りんご
<option selected>バナナ
<option>パイナップル
</select>

<textarea name="Comment" rows="60" cols="20"></textarea>

</form>

実体参照

&lt; は < を参照します
&gt; は > を参照します
&amp; は & を参照します

その他の要素

<!-- これはコメントです -->

<blockquote>
他の情報からの引用文
</blockquote>

<address>
住所<br>
連絡先<
</address>
スポンサード リンク