主要な HTML タグ ページ作成に必要なタグ 書き方 タイトルの設定 <title>文字列</title> 背景色の設定 <body bgcolor=”色”></body>(16 色以外はカラーコード) <body bgcolor=”#カラーコード”></body> 文字色の指定 <body text=”色”></body> 段落の設定 <p>文字列</p> <div>文字列</div> 改行 <br> 区切り線の設定 <hr size=”線の太さ” width=”線の長さ(%)”> <br clear=”all”> 終了タグは必要ない。 書き方 文字の装飾に必要なタグ 見出しの設定・位置 フオント サイズ フオント名 色 <h1~h6></h1~h6>、<h1~h6 align=”位置”> </h1~h6> <font size=”サイズ”> <font face=”フオント名”> </font> <font color=”色”> </font> 太字 <b>文字列</b> 斜体 <I>文字列</I> 下線 <u>文字列</u> 文字列のスクロール </font > (サイズは 1~7) <marquee>文字列</marquee> レイアウトを設定するタグ 書き方 段落の区切りと位置の設定 <p align=”left、center、right”> </p> (左、中央、右) <div align=”left、center、right”> 空白や改行を記述の通り表示 <pre>文字列</pre> リスト 番号が付かない <ul><li>文字列</ul> 番号が付く <ol><li>文字列</ol> 記号の種類 [disk] [circle] [square] 画像の挿入に関する タグ 書き方 画像の大きさを指定する <img src=”画像名.jpg” width=”幅” 画像の枠を設定する <img src=”画像名.jpg” border=”枠の太さ”> 文字列の回り込み <img src=”画像名.jpg” align=”left center right”> 画像と画像名の位置 <img src=”画像名.jpg” align=”top middle bottm”> 余白の設定 <img src=”画像名.jpg” hspace=”間隔数”> 左右 height=”高さ”> 上下 <img src=”画像名.jpg” vspace=”間隔数”> リンクを設定するタグ 書き方 ページ間のリンク <a href=”リンク先”>文字または画像</a> ページ内の特定部分 <a href=”#リンク先”>文字または画像</a> <a name=”参照名”>文字または画像</a> 電子メールアドレス <a href=mailto:電子メールアドレス>文字列</a> 他のホームページへリンク <a href=”URL”></a> リンクを示す色 <body link=”色” vlink=”色” alink=”色”> 書き方 表に関するタグ 表の作成 <table border><tr><td>文字列</td> </tr> 表の大きさ <table width=”表の横幅”> 表の位置 <table align=”位置”>表の内容</table> 表の見出し <th>文字列</th> 表のタイトル <caption>文字列</caption> セルの高さ <td height=”セルの高さ”>文字列</td> セルの縦の結合 <td rowspan=”セル数”>文字列</td> セルの横の結合 <td colspan=”セル数”></td> セルの余白 <table cellpadding=”セル内の余白”>表の中身</table> 表の枠の太さ <table border=”枠の太さ”>表の中身</table> セルの背景色 <td bgcolor=”色”>セルの内容</td> フレームに関するタグ フレーム領域の設定 </table> 書き方 <frameset cols=”フレームの幅”rows=”フレームの高さ> <frame src=”分割ページ”> </frameset> 境界線の設定 <frameset frameborder=”値”> <frame src=”分割ページ frameborder=”値”> <frameset> スクロールバーの設定 <frame src=”分割ページ” scrolling=”値”>
© Copyright 2024 Paperzz