2/5 HTML入門

初手から遅刻したので、最初の方は割愛。。


ＨＴＭＬ＝HyperText Markup Language

・要素　…段落や見出し、表、リストなどのWebページを構成する単位
・タグ　…要素を定義するときに記述する記号。「<>」で囲まれた部分。
　　　　　「<>」の中には要素の意味を表す「要素名」が入る。
　　　　　タグには「開始タグ」と「終了タグ」があり、その２つの間に
　　　　　「内容」を囲む。終了タグは要素名の前に「/」を入れる。
　　　　　※例外あり
・属性　…要素に追加できる詳細設定。
　　　　　属性の意味を表す「属性名」を開始タグの要素名の後ろに入れ、
　　　　　間に半角スペースを入れる。
・HTMLファイルの名前やタグは半角英数小文字で。


Webページの構造

・文書型宣言
　…WebページがどのHTMLバージョンで記述されているかを宣言している

＜HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"＞

・＜head＞　…Webページに関する情報部分。
　　　　　　　　タイトルや文字コードなど。ブラウザには表示されない。
・＜title＞　…ブラウザのタイトルバーなどに表示される。

＜html＞
＜head＞
＜meta http-equiv=Content-Type" content="text/html,charset=Shift_JIS"＞
＜title＞HTMLの仕組み＜/title＞
＜/head＞
＜/html＞

・＜body＞　…実際にブラウザに表示される内容。
・＜h1＞　…その部分が見出しであることを示す。
　　　　　　　６段階あり、h1が一番上位、以下数字が大きくなるにつれて
　　　　　　　見出しレベルが下がる。

＜h1＞見出しのレベル１＜/h1＞

・＜p＞　…その範囲が１つの段落であることを示す。
　　　　　　範囲の前でテキストが改行され、さらに１行分空白が入る。
・＜br＞　…ブラウザ上で改行する。空要素なので終了タグはない。
・＜hr＞　…表示領域の幅いっぱいに罫線を引く。


インターネットで扱う画像

・GIF形式　…256色。特定の色を透明にできる。
　　　　　　　　複数の画像をアニメーションのように表示できる。
　　　　　　　　拡張子「.gif」
・JPEG形式　…約1670万色。写真に使用するとよい。
　　　　　　　　　画質を下げることでファイルを小さくできる。
　　　　　　　　　拡張子「.jpg」
・PNG形式　…約280兆色。新しい形式。特定の色を透明にできる。
　　　　　　　　　拡張子「.png」


画像の挿入

・＜img＞　…Webページに画像を挿入する。
　　src　→画像ファイルを指定する
　　alt　→画像の代わりのテキストを指定する
　　width　→画像の幅を指定する
　　height　→画像の高さを指定する

＜h2＞＜img src="logo.gif" alt="ロゴ" width="240" height="68"＞気楽に歩く伝統の街＜/h2＞
＜p＞＜img src="photo_1-a.jpg" alt="ロンドン" width="251" height="201"＞＜/p＞


文字色の指定

・＜span style＞　…テキストの色を指定する。

＜h1＞＜span ＞ＬＯＮＤＯＮ＜/span＞＜/h1＞
＜h3＞＜span ＞ＬＯＮＤＯＮ＜/span＞＜/h3＞


背景画像の指定

・＜body background＞　…ページ全体の背景画像を指定する。

＜body background="bg1.gif"＞