トップページ 利用規約 掲示板 サーバー紹介 レンタル紹介 素材屋紹介 リンクする 相互リンク
アフィリエイト 初心者 HTML TABLEタグ スタイルシート 色の見本 タグ練習 タグ辞典


HTMLタグの紹介
htmlタグとはホームページを作っている文字を表します。ホームページを作るときにはかかせないもので、ホームページはこのタグの集まりによってできています。タグは「 < 」 「 > 」←このようなカッコで囲まれており、このカッコの中に間に下のような字を入れることによって効果が反映されます。
全体 <body>
タイトル <title>
改行 <br>
段落 <p>
横罫線 <hr>
センター <center>
範囲 (部分) <span>
範囲 (1行) <div>
見出し <h数>
リンクする <a href=" ">
画像表示 <img src=" ">
メール <a href=" ">
コメント <!--  -->
字を太字 <b>
字をイタリック <i>
字を等幅 <tt>
字に下線 <u>
字に取消し線 <s>
字を上付き <sup>
字を下付き <sub>
字を強調 <strong>
字を大きく <big>
字を小さく <small>
字の大きさ <font size=" ">
字の色 <font color=" ">
字の種類 <font face=" ">
表 <table><tr><td>
表背景に画像 <table>
マークリスト <ul><li>
数字リスト <ol><li>
説明リスト <dl><dt>
1行フォーム <input type=" ">
パスワード <input type=" ">
送信、リセット <input>
テキストエリア <textarea>
ラジオボタン <input type=" ">
チェックボタン <input type=" ">
メニュー <select>
リストボックス <select>

全体 <body>

ホームページのメイン
タグ <body>ホームページの内容</body>
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body>
ここから文章や画像などが表示されます
</body>
</html>
解説 <body> は、ホームページのメインの場所です。ここにタグや文章や画像などを入れていきます。上の見本のような形がホームページの基本です。これだけの文字だけでもホームページは完成しています。後はいろんなタグや画像を入れていくだけです。
</body> と、タグはきちんと最後に閉じてください。

全体の基本的な文字の色を指定
タグ <body text="#色を指定">
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body text="#色を指定">
ここから文章や画像などが表示されます
</body>
</html>
解説 text="#色を指定" は、全体の基本的な文字の色を指定できます。「色を指定」の所に好きな色を入れてください。何も書かなければ黒色の文字になってます。白にする場合は「ffffff」といれてください。 赤は「ff0000」、青は「0000ff」、緑は「00ff00」
色の見本や詳しい説明は色見本を見てください。

全体のリンク色を変更する
タグ <body link="#色" vlink="#色" alink="#色">
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body link="#色を指定" vlink="#色を指定" alink="#色を指定">
ここから文章や画像などが表示されます
</body>
</html>
解説 link="#色を指定" は、リンクしたときの色を指定できます。「色を指定」の所に好きな色を入れてください。
link="#色を指定" = リンクしたときの色
vlink="#色を指定" = 一度 訪問したことあるリンクの色
alink="#色を指定" = クリックしたときのリンクの色
色の見本や詳しい説明は色見本を見てください。

全体の背景の色を指定
タグ <body bgcolor="#色を指定">
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body bgcolor="#色を指定">
ここから文章や画像などが表示されます
</body>
</html>
解説 bgcolor="#色を指定" は、全体の背景の色を指定できます。「色を指定」の所に好きな色を入れてください。 何もしなければ白色になります。
色の見本や詳しい説明は色見本を見てください。

全体の背景に画像を使用する
タグ <body background="画像名">
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body background="画像名">
ここから文章や画像などが表示されます
</body>
</html>
解説 background="画像名" は、全体の背景一面に指定した画像を並べて表示できます。「画像名」の所に用意した画像ファイルの名前を指定してください。 全体の背景の色は指定画像の背景になるので見えなくなります。
★ サンプル1   ★ サンプル2

全体の上下左右の余白をなくす
タグ <body style="margin:0;">
見本 <html>
<head>
<title>ホームページタイトル</title>
</head>
<body style="margin:0;">
ここから文章や画像などが表示されます
</body>
</html>
解説 スタイルシートで上下左右の余白を0に指定しました。
これによりホームページの表示部分を端から端まで使用できます。
★ style="margin-top:0;" ・・・ とすれば上の余白だけ0になります。
★ style="margin-bottom:0;" ・・・ とすれば下の余白だけ0になります。
★ style="margin-left:0;" ・・・ とすれば左の余白だけ0になります。
★ style="margin-right:0;" ・・・ とすれば右の余白だけ0になります。
数字の部分を増やすと、指定した数字の量だけ余白をとれます。

▲上に移動