Greemy Labs

８/10 ＨＴＭＬ勉強会　　　　　　　　　　ＢＹ　山本さん

○テーマ…ＨＴＭＬの基本的な説明

・タグとは…HTML文章（HTMLソース）は、タグと言うものを使って書いていきます。 ＜と ＞ で囲まれたものをタグと言います。＜タグ名＞←のようにタグを書きます。

・＜html＞…HTML文書であることを宣言する
・＜head＞…文書のタイトル等のヘッダ情報を記述します。
・＜title＞…文書にタイトルをつけるタグです。<
・＜body＞タグには色を指定する属性が5つありますが、これらはいずれも非推奨となっており、 このような色の指定にはスタイルシートの使用が推奨されています。 また、背景色や文字色の指定をする場合は、必ず5つセットで指定するように

☆文字の表示
・一部の文字色を変える…＜font color=”red＞テキスト ＜/font＞　※color="#0000ff"のように16進表記で指定する方法と、 color="blue"のようにカラーネームで指定する方法があります。
・一部の文字サイズを変える…＜size=”－１＞テキスト　　＜/size＞
・文字の改行…＜br＞テキスト ＜/br＞
・文字に見出しをつける…＜h１＞～＜h６＞→＜ｈ１＞>が最上位の見出し（大見出し）で、以下数字が小さくなるにつれて下位の見出し（小見出し）となります。
・文字を装飾する…太字＜b＞、斜体＜i＞、下線＜u＞
＊例　北九大のコミュニティサイト→北九大の＜i＞コミュニティ＜/i＞サイト
北九大の＜font color=#ff0000＞＜ｂ＞コミュニティ＜/b＞＜/font＞サイト

☆ページのレイアウト
・線を表示する…＜hr＞
・センタリングする…テキストや画像等のコンテンツをセンタリングする際に使用します。＜center＞　＜/center＞

☆ハイパーリンク
・他のページへリンクする＜a href=”http:/yahoo/co/jp”＞yahoo＜/a＞
・リンクの色を変る…＜body link=”ff0000”＞テキスト＜/body＞　
a link=” “リンクをクリックした時のリンク箇所の色を指定する
v link=” “すでに見たページへのリンク箇所の色を指定する
・新しいウィンドウでリンクする…＜a href=”@” target=”_black”＞＜/a＞
・リンクでメールソフトを起動する…お問い合わせ→＜a href =”mailto:～@～”＞＜/a＞

☆画像の表示
・画像を表示する…＜img src=””　alt=” “＞ http:/greemy.net/img/image.jpg
・パス→
・相対パスhttp:// から書き始めるもので、主に他サイトへのリンクに使用します。　
・絶対パス 絶対パスに対し、主に自分のページ内で使われる指定方法です。そのファイルから目的のファイルがどこにあるかを指定します。
・alt=代替テキスト…alt属性では画像に関する説明をするのではなく、そのページ全体をテキストだけで表現する際に置き換わるべきものを指定します。
・画像の大きさを変える…＜img src=” “width=” “＞ ＜img src=” “heigh”=” “＞

☆テーブルの表示
・表を作る…＜table＞＜＞＜/table＞
・セルの位置を指定する
＜table＞…テーブル（表）を作成するタグです
＜tr＞…テーブル（表）の横方向の一行を定義する
＜td＞…･テーブル（表）のデータセルを作成する
・使用例
＜tr＞
＜td＞hoge1＜/td＞
＜td＞hoge2＜/td＞
＜/tr＞
＜tr＞
＜td＞hoge3＜/td＞
＜td＞hoge4＜/td＞
＜/tr＞
＜/table＞
・結合時は…＜td colspan=”2”＞ ＜/td＞
・中央寄せ…＜td align=”center”＞　＜/td＞
・セル色の指定…＜td bgcolor=”#ff0000”＞　＜td＞

書記：Ｄ．Ｄ