２日目　

さて、ＨＴＭＬにはある一定のルール（決まり）があることがわかった。 てっとりばやく覚えてしまうにはこの教材を使って１ページ仕上げてみよう！さあ、メモ帳を開いて、ＧＯ！ そうそう、保存の際の拡張子は「ファイル名　．ｈｔｍｌ」ですよ（笑） 　ふむふむ昨日も読んだけど「タグ」には基本的に開始と終了があってそれぞれのコメントを それぞれの「タグ」ではさむのが基本なのね。 （＊＾＾＊）ＯＫ！ ＊実際に作る時「タグ」はすべて半角で書いてね。全角はダメですよ。 ＜ＨＴＭＬ＞＜／ＨＴＭＬ＞　このテキストファイルがＨＴＭＬファイルであることを表すもの ＜ＨＥＡＤ＞＜／ＨＥＡＤ＞　ヘッド部分（タイトルバー） ＜ＴＩＴＬＥ＞＜／ＴＩＴＬＥ＞　タイトルの入力 ＜ＢＯＤＹ＞＜／ＢＯＤＹ＞　ボディ部分の入力　 　でもさぁ、なんで「タグ」って英語なのよ｡｡｡ 苦手なんですけど（笑）やっぱり英語が世界の共通語ってことなのかなぁ（Ｔ−Ｔ）。 　「タグ」って大文字でも小文字でもいいのね。 でも種類わけしたほうがわかりやすそう・・・　「要素」は大文字「属性」は小文字っと。 あとで見たとき見やすくする配慮も必要よね。ほほほっ（＊＾＾＊）。でもこれは好みですので・・・絶対じゃないですよ。 　えっ、「色番」？うっ、「番号」なのかいっ。 赤は「ｒｅｄ」でいいじゃん。えっ、いいのね。失礼しました（笑）。 でも、同じ赤でもたくさんの種類がある。それぞれ名前と番号があるのね。 どっちも一覧見なきゃわかりません（Ｔ−Ｔ）。 ＜ＢＯＤＹ＞の属性　ｔｅｘｔ＝”　”このページの基本の文字色 ＜ＢＯＤＹ＞の属性　ｌｉｎｋ＝”　”このページの基本のｌｉｎｋ文字色 ＜ＢＯＤＹ＞の属性　ｂｇｃｏｌｏｒ＝”　”このページの背景色 ＜ＢＯＤＹ＞の属性　ｔｏｐｍａｒｇｉｎ=”　”上余白 ＜ＢＯＤＹ＞の属性　ｌｅｆｔｍａｒｇｉｎ=”　”左余白 ＜ＢＡＳＥＦＯＮＴ＞　このページの基本の文字のサイズ。必ず属性　ｓｉｚｅが付く ＜ＦＯＮＴ＞　基本の文字でしていした色、サイズを変えるとき使用 ＜ＦＯＮＴ＞の属性　ｃｏｌｏｒ　ｓｉｚｅ ＜Ｂ＞　太字にする ＜Ｕ＞　アンダーラインをひく ＜Ｉ＞　斜体にする ＜Ｐ＞　段落　段落に設定した前の行は自動的に空行が出来る ＜Ｐ＞の属性　ａｌｉｇｎ　文字の位置を指定　ｃｅｃｔｅｒ　ｌｅｆｔ　ｒｉｇｈｔ ＜ＨＲ＞　区切り線 ＜ＨＲ＞の属性　ｓｉｚｅ　ａｌｉｇｎ　ｗｉｄｔｈ ＜ＢＲ＞　改行　空行を入れたいときもこのタグを使う 　さてと今度はイラストを入れてみよう。 なに？イラストを入れるにはまずイラストのファイルを用意してそこから「相対パス」指定で引っ張ってくる・・・ うっ、相対パス指定ってなに？（＾＾； 　 　 ＊絶対パスと相対パス＊ 　　 　 どちらも「場所」を指していて、何を起点として場所を表すかによって分かれます。 　　 絶対パスはルートから現在のファイルまでの道順であり、相対パスは記述しているＨＴＭＬファイルを起点として指定する道順です。 　えっ、イラストに限らずファイル名は半角英数にしとけですって？？？ 日本語じゃいけないの？えっ、ＯＳによってはうまく表示できないこともあるからですって！ 半角英数が基本なのね。とほほっ 　なに？リスト表示？？ 「順不同リスト」「番号付けリスト」「定義型リスト」３種類もあるのかいっ！ 意外とめんどくさいわっ。「・○○○」　とか「1.○○○」とか自分で入力しちゃだめなの？くすん（Ｔ−Ｔ）。 ＜ＩＭＧ＞　イラストを入れるときのタグ ＜ＩＭＧ＞の属性　必ず　ｓｒｃ＝”相対パス”　ｗｉｄｔｈ＝”　”（イラストの幅）ｈｅｉｇｈｔ＝”　”（イラストの高さ）ａｌｔ＝”　”（イラストの名前） 　＊幅、高さを指定しなくても表示はされる。 ＜ＵＬ＞＜ＬＩ＞コメント＜ＬＩ＞コメント＜／ＵＬ＞　順不同リスト 　 ＊属性の指定がないと黒丸（・）になる。変更は＜ＬＩ＞属性　ｃｉｒｃｌｅ　白丸　　ｓｑｕａｒｅ　四角 ＜ＯＬ＞＜ＬＩ＞コメント＜ＬＩ＞コメント＜／ＯＬ＞　番号付けリスト 　＊属性の指定がないと　１.２．３.といった数字になる。変更は＜ＬＩ＞属性　Ａ→Ａ．Ｂ．Ｃ．　ａ→ａ．ｂ．ｃ　　など ＜ＤＬ＞＜ＤＦ＞コメント＜ＤＤ＞コメント＜／ＤＬ＞　定義型リスト 　＊用語を表すタグ＜ＤＦ＞　説明を表すタグ＜ＤＤ＞　 　さてと、これを適当な文章をいれてつなげてみると・・・へへへっ。→　こうなります♪　やったぁー！（＊＾＾＊）／ 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　画面いっぱいに広げて見てね♪

+ TOP + 　 + １日目 + 　 + ２日目 + 　 + ３日目 + 　 + ４日目 + 　 + 数日後 +