HTMLの書き方

私がよく使用するHTMLのタグです。記述方法をメモがてらに書きました。

全体構成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">・・・文章の型宣言
<html>・・・HTMLの始まりタグ
 <head>・・・ヘッダー部の始まりタグ
 ヘッダー部の内容
 </head>・・・ヘッダー部の終了タグ
 <body>・・・ボディ部の始まりタグ
 本文の内容
 </body>・・・ボディー部の終了タグ
</html>・・・HTMLの終了タグ

ヘッダー部

head部のタグ
No. タグ 使用例 説明
001 <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> 文字コードを指定する。日本語文字コードには以下の種類があります。
Shift_JIS
EUC-JP
ISO-2022-JP
002 <title>HTMLの書き方</title> ページのタイトルを記述する。
003 <meta name="keywords" content="HTML, 使い方"> 検索サイトでサーチさせたいキーワードを指定する。
004 <meta name="description" content="HTMLの記述方法をご紹介しています。"> ページの説明文を記述する。
005 <meta name="robots" content="index,follow"> 検索ロボット対応
ロボット検索対象とさせたくないページは
"noindex,nofollow"
とする。

ボディー部

body部のタグ
No.タグ 説明
001 <p> 段落 <p>○○の説明などなど</p>
002 <br> 改行 改行したい場合は<br>
というタグを使用します。
003 <a> リンク 違うページへのリンク
<a href="./XXX.html">XXXへのリンク</a>
ページ内のリンク
<a name="#IDX01">見出し01</a>
<a href="#IDX01">XXXへのリンク</a>
004 <!-- --> コメント <!--これはコメントです。-->
005 <hr> 水平線 <hr>
006 <table> テーブル <table>
007 <ul> リスト <ul>
 <li>ひとつめは○○○</li>
 <li>ふたつめは△△△</li>
 <li>みっつめは☆☆☆</li>
</ul>
008 <ol> リスト
(番号付き)
<ol>
 <li>ひとつめは○○○</li>
 <li>ふたつめは△△△</li>
 <li>みっつめは☆☆☆</li>
</ol>

ページトップへ