HTMLタグ一覧表 区分 タグ 項番 記事 バージョン <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 1 2 <html> 3 構造 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> 5 <title>タグ一覧表</title> <style type="text/css"> 6 7 装飾 CSS </style> 8 9 </head> 10 <body> 11 本文 12 </body> 13 </html> 14 15 背景色 <body style="background-color: #FFFF99">~</body> 淡黄 水平線1 <hr style="text-align: left; height: 10px; width: 90%; color: #808080"> (空タグ) 16 水平線2 <hr class="style5"> 17 水平線3 <hr> 18 段落 <p>~</p> 19 改行 <br> (空タグ) 20 表 <table width="180"> 21 行<tr> <tr><td class="style2">~</td><td class="style2">~</td></tr> 22 セル<td> <tr><td class="style2">~</td><td class="style2">~</td></tr> 23 <tr><td class="style2">~</td><td class="style2">~</td></tr> 24 </table> 25 ブロック <div>~</div> 26 表示位置 <center>~</center> 27 スパン <span>~</span> インライン 28 <p class="style1">~</p> style1、style2、style3 29 テキストの位置 サイズ <p style="font-size: medium;">~</p> xx-small~xx-large 30 色 <p style="color: #FF0000; ">~</p> 赤 31 強調 <strong>~</strong> <b>~</b> 32 表題 <p class="style4">タグの使用例</p> 33 見出し <h1>見出し</h1> h1~h6 34 オーダリスト <ol> 35 <li>性別:オス</li> 36 <li>性格:温厚</li> 37 <li>食事:1日2回</li> 38 </ol> 39 <img src="dog_03.jpg" alt="犬の写真" style=" width: 320px; height: 240px"> 40 イメージ(画像) 41 ハイパーリンク <a href="http://***.html" target="_self">ファイル</a> フレーム指定 42 target="_top"全体 target="_self"同一 target="_parent"親 target="_blank"新規 メールリンク 43 <a href="mailto:***@nifty.com">メールアドレス</a> ブックマーク <a name="TOP"></a> アドレス 44 <a href="#TOP">TOP</a> リンク 45 ~:文字列又は入れ子タグ CSS一覧表 区分 CSS 項番 記事 1 <style type="text/css"> 2 個別指定 3 位置左 .style1 {text-align: left;} デホルト 4 中央 .style2 {text-align: center;} 5 右 .style3 {text-align: right;} 6 位置、サイズ .style4 {text-align: center;font-size: x-large;} 7 水平線2 .style5 {text-align: left;height: 7px;width: 90%;color: #808080;} 8 セルの罫線 .style6 {border-collapse: collapse;border: 1px solid #000000;text-align: center;} 9 位置 .style7 {border-collapse: collapse;border: 1px solid #000000;text-align: left;} 10 11 一括指定 12 表・セルの罫線 table,td {border-collapse: collapse;border-width: 0px; border-style: solid; 13 border-color: #000000; } 14 水平線3 hr{text-align: left;height: 10px;width: 90%;color: #808080;} 15 リンク a:link { color:blue; } 16 a:visited { color:gray; } 17 a:hover { color:red; } 18 </style>
© Copyright 2024 Paperzz