HTMLの基本
1 HTMLとは。
2 HTMLの基本構造 1 。
3 HTMLの基本構造 2 。
4 相対パスと絶対パス。
5 HTMLファイルの作成方法。
HTMLファイルの基本
1 ドキュメントタイプを定義する、「DOCTYPE宣言」（ドックタイプ宣言）をする。
2 最低限必要な要素。
3 ページ全体の文字色を設定する。
4 ページ全体の背景色を設定する。
5 ページ全体の背景画像を設定する。
6 コメントを入れる。
文書情報
1 タイトルを付ける。
2 文字コードを宣言する。
3 スタイルシートやスプリクトの言語を設定する。
4 キーワード・内容の紹介・制作者名を入れる。
5 基準となるＵＲＬを設定する。
6 自動的に他のページに移動させる。
7 関連する他のページを示す。
文字に関する設定
1 フォントの種類を指定する。
2 フォントサイズを絶対値で指定する。
3 フォントの基本サイズを指定する。
4 フォントサイズを相対値で指定する。
5 フォントサイズを大きくする、小さくする。
6 文字列の色を指定する
7 文字列のスタイルを指定する
8 文字列を強調表示する
9 変更履歴(後から追加したことを)を表示する
10 変更履歴(削除したことを)を表示する
11 プログラム関連のテキストを表示する
12 略語や頭文語の説明を表示する
13 文字列の表記方向を指定する
14 連絡先を表す
15 短い引用文を表す
16 長い引用文を表す
17 参照先を表す
18 説明対象の用語である事を示す
19 特別な文字を表示させる
20 文字列に振り仮名を付ける
21 文字列をスクロールさせる
レイアウト
1 改行する。
2 改行を禁止する。
3 単語の区切り。
4 空白や改行を入力したとおりに表示する。
5 見出し。
6 目的に応じて範囲を設定する。
7 段落を設定する。
8 センタリングする。
9 行揃えを指定する。
10 横罫線を入れる。
リンク
1 他のページにリンク。
2 同じページ又は他のページの特定の位置ににリンクする。
3 リンク部分の文字の色を設定する。
4 リンク先を新しいウインドウで表示する。
5 メールソフトにリンク
リストを作る
1 マーク付リストを作る
2 リストマークを変える
3 番号付きリストを作る
4 リストの番号を変える
5 リスト番号の順番を変更する。
6 用語と説明のリストを作る。
BACK→>>文字に関する設定 6 文字列の色を指定する。
NEXT→>>文字に関する設定 8 文字列を強調表示する。
<b>文字列</b>‥‥‥太字で表示
<i>文字列</i>‥‥‥イタリックで表示
<u>文字列</u>‥‥‥下線を引く
<s>文字列</s>‥‥‥取消線を引く
<strike>文字列</strike>‥‥‥取消線を引く
<sup>文字列</sup>‥‥‥上付文字で表示
<sub>文字列</sub>‥‥‥下付文字で表示
要素名属性名説明非推奨必須属性
b
i
u
s
strike
sup
sub		太字
イタリック
下線
取消線
取消線
上付文字
下付文字		 
 
非推奨
非推奨
非推奨
 
 
classクラス名
idＩＤ名
title補足情報
styleスタイルシート
lang言語コード
dir文字表記の方向

各要素で囲まれた範囲の文字列のスタイルを指定します。
注意　：　u要素、s要素、strike要素は、HTML4.01では非推奨。 文字列のスタイルを指定する場合は、なるべくスタイルシートを利用するようにして下さい。

Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>文字列のスタイルを指定する。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<p><b>日光東照宮は栃木県日光市にある神社　(太字で表示しています)。</b> </p>
<p><i>日光東照宮は栃木県日光市にある神社　(イタリックで表示しています)。</i></p>
<p>10<sup>5</sup>; XY<sup>3</sup>+5<sup>X</sup> 日光東照宮<sup>にっこうとうしょうぐう</sup>　(上付文字で表示しています)。</p>
<p>10<sub>5</sub> XY<sub>3</sub>+5<sub>X</sub> 日光東照宮<sub>にっこうとうしょうぐう</sub>　(下付文字で表示しています)。</p>
<p><u>日光東照宮は栃木県日光市にある神社 (下線付きで表示しています)。</u></p>
<p><s>日光東照宮</s>は栃木県日光市にある神社 (取り消し線付きで表示しています)。</p>
<p><strike>日光東照宮は栃木県日光市にある神社</strike> ((取り消し線付きで表示しています)。</p>
</body>
</html>

Internet Explorer8での表示例

文字列のスタイルを指定する
表を作る
1 表の基本形
2 表の大きさを設定する
3 表タイトルを設定する
4 セルの大きさを設定
5 セルを統合する
6 セルとセルの間隔を指定
7 セルの枠と内容との間隔を指定
8 表やセルに背景色を設定
9 表やセルに背景画像を設定
10 表の外枠の太さを設定
11 表の外枠の表示形式を設定
12 表のセルの表示形式を設定
13 表の行をグループ化する
簡単相互リンクツールtoo-search

相互リンク募集や、お友達のページ紹介、自分のお気に入りサイトを登録できる無料の検索エンジンツール。

登録を募集すれば色んなサイトとのつながりもでき、アクセスアップにも効果抜群。

今すぐ登録！