HTML　タグ一覧

参考サイト
  • ジオシティーズ
  • ジオシティーズ広告変更
  • FFFTP
  • HMTLクイックレファランス
  • とほほのWWW入門
  • 超初心者のためのホームページ


    • ジオシティーズ「ホストの設定」
  • ホストの設定名：geocities.co.jp
  • ホスト名：ftp.geocities.co.jp
  • ユーザー名：（市民ＩＤ）
  • パスワード：（パスワード）
  • ローカルの初期フォルダ：保存先のフォルダ名


    • １．ページの設定

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">（←文書タイプの指定）
    <html lang="ja">（←言語タイプの指定）

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">（←フォントタイプの指定）
    <meta name="keywords" content="キーワード１,キーワード２,キーワード３">（←検索のキーワードとなる）
    <meta name="description" content=ここに紹介文を書いておく">（←検索の紹介文となる）
    <title>ページのタイトル</title>（←検索のタイトルとなる）
    </head>

    <body>……</body>

    </html>

    ２．基本のタグ

    ・ページの背景色と文字色
    <body bgcolor=色 text=色>

    ・改行
    …<br>

    ・段落
    <p>…</p>

    ・コメントの入力
    <!--○○○-->

    ３．文字の修飾

    ・文字サイズの全体指定
    <basefont size=1〜7>

    ・文字サイズの部分指定
    <font size=1〜7/±1〜6>…</font>

    ・文字の色
    <font color=色>…</font>

    ・見出し文字の設定
    <h6〜1>…</h>

    ・太字/斜体/下線にする
    <b><i><u>…</u></i></b>

    ・取消線を引く
    <s>…</s>

    ・上付き文字にする
    <sup>…</sup>

    ・下付き文字にする
    <sub>…</sub>

    ４．画像の挿入

    ・基本タグ（同じフォルダにある場合）
    <img src=ファイル名.jpg alt=代替テキスト名 width=PIX,% height=PIX,%>

    ・画像を壁紙に指定
    <body background=ファイル名>

    ・枠を付ける
    <img src=ファイル名.jpg border=PIX>

    ・左右の余白の設定
    <img src=ファイル名.jpg hspace=PIX>

    ・上下の余白の設定
    <img src=ファイル名.jpg vspace=PIX>

    ・文字列を画像の右に回り込ませる
    <img src=ファイル名.jpg align=left>

    ・文字列の回り込みの解除（該当文字列の直前に挿入）
    <br clear=all>

    ５．表

    ・基本のタグ
    <table border=PIX width=PIX,% cellpadding=PIX align=中央,右>
    　<tr>
    　　<td>…</td>
    　　<td>…</td>
    　</tr>
    　<tr>
    　　<td>…</td>
    　　<td>…</td>
    　</tr>
    </table>

    ・表の上にタイトルを付ける（<table>のすぐ下に記述する）
    <caption>…</caption>

    ・セルの縦の結合
    <td rowspan=結合させるセル数>…</td>

    ・セルの横の結合
    <td colspan=結合させるセル数>…</td>

    ・セルの高さの指定
    <td height=PIX>…</td>

    ・表中の文字を見出し風にする
    <th>…</th>

    ・セルの背景色の指定（cf.th/tr）
    <td bgcolor=色>…</td>

    ６．リンク

    ・フォルダ内のページへのリンク
    <a href=ファイル名.html>任意の表示名</a>

    ・外のページへのリンク
    <a href=URL>任意の表示名</a>

    ・電子メールアドレスへのリンク
    <a href=mailto:メールアドレス.jp>任意の表示名</a>

    ・リンク先を別ウィンドウで開く
    <a href=URL target=_blank>任意の表示名</a>

    ・リンク文字の色の変更
    <body link=色 vlink=色 alink=色>　（※左から順に、未読、既読、クリック時）

    ７．リスト

    ・「・」記号のリスト
    <ul>
    <li>…</li>
    <li>…</li>
    </ul>

    ・「■」記号のリスト（cf.circle）
    <ul type=square> <li>…</li> <li>…</li> </ul>

    ・1,2,3...のリスト
    <ol>
    <li>…</li>
    <li>…</li>
    </ol>

    ・A,B,C...のリスト
    <ol type=A>
    <li>…</li>
    <li>…</li>
    </ol>

    ・リストの中に下層リストを作る
    <li>…</li>の中に、<ul><li>…</li></ul>を作る

    ８．段落の位置

    ・段落を中央揃えにする
    <p align=center>…</p>

    ・複数の段落をまとめて中央揃えにする
    <center>
    文字、画像、表…
    </center>

    ・複数の段落をまとめて揃える
    <div align=中央,右>
    文字、画像、表…
    </div>

    ・入力したとおりに表示させる
    <pre>
    　…
    </pre>

    ９．区切り線

    ・区切り線を引く
    <hr>

    ・区切り線の太さの指定
    <hr size=PIX>

    ・区切り線の長さの指定
    <hr width=PIX,%%>

    ・区切り線の色の指定
    <hr color=色>

    ・区切り線を影なしにする
    <hr nonshade>

    ・ex.太さ５ピクセル、長さ400ピクセル、赤
    <hr size=5 width=400 color=red>

    ・ex.太さ５ピクセル、長さ400ピクセル、左揃え、影なし
    <hr size=5 width=400 align=left noshade>


    10．特殊文字の入力

    ・＆lt;　⇒　< 
・＆gt;　⇒　>
・＆quot;⇒　"
・＆amp; ⇒　＆


    →home