2/9 HTML入門

遅刻しませんでした（ﾜﾗ



文字を強調する

・＜em＞　…文字列を強調する。斜体で表示される。
・＜strong＞　…文字列を強調する。太字で表示される。


行替えとブロック揃え

　　align（アライン）　→行揃えを指定する。
　　　　　　　　　　　　　　「right」右「center」中央「left」左

＜h3 align="left"＞左揃え＜/h3＞
＜p align="right"＞右揃え＜br＞文章が右に揃います＜/p＞

・＜div＞　…複数の要素をグループ化したり、
　　　　　　　任意にブロックレベルの範囲を設定する。

＜div align="right"＞
＜h2＞divで揃える＜/h2＞
＜p＞divで揃える＜br＞ブロック全体を右に揃えます＜/p＞
＜p＞＜img src="log.gif"＞＜/p＞
＜/div＞


リンクの設定

・＜a＞
　　href（ハイパーリファレンス）　→リンク先を設定する。
　　target　→リンク先の内容をどのウインドウで読み込むかを指定する。
　　　　　　　　「_self」はリンクのあるウインドウと同一のウインドウ
　　　　　　　　にリンクを読み込む。
　　　　　　　　「_blank」は新しいウインドウにリンク先を読み込む。
　　　　　　　　targetを指定しなければ「_self」として処理される。

＜a href="london1.html" target="_self"＞＜みどころ１＞
＜br＞
＜a href="london1.html" target="_blank"＞＜img src="nextbtn.gif" alt="次へ" width="37" height="25"＞＜/a＞
＜br＞
＜a href=mailto:info@***.**"＞電子メールはこちらへ＜/a＞
＜a href="http://www.yahoo.co.jp/"＞yahoo＜/a＞


表を作成する

・＜table＞　…その範囲が表であることを示す。
　　border　→セルの間に引かれる罫線を指定する。
　　cellspacing　→表の外枠線とセル、及びセルとセルの間隔を
　　　　　　　　　　　　ピクセルか％で指定する。
　　cellpadding　→セルの罫線とセルの内容との間隔をピクセルか％で
　　　　　　　　　　　　指定する。
・＜th＞　…行や列の見出しを定義する。太字でセンタリングされて
　　　　　　　表示される。
・＜tr＞　…行を定義する。
・＜td＞　…表に含まれる個々のセルを定義する。
　　colspan（コルスパン）　→そのセルから指定された数だけ
　　　　　　　　　　　　　　　　　右方向のセルを連結する。
　　rowspan（ロウスパン）　→そのセルから指定された数だけ
　　　　　　　　　　　　　　　　　下方向のセルを連結する。
　　width　→セルの幅を指定する
　　height　→セルの高さを指定する
　　bgcolor　→表の背景色を指定する。
　　valign　→セルの内容の垂直方向を指定する。
　　　　　　　　「top」上端「middle」中央「bottom」下端
　　nowrap　→指定改行しないように指定する。
　　※＆ｎｂｓｐ； 　→空白。

＜html＞
＜head＞
＜meta http-equiv="Content-Type" content="text/html,charset=shift_JIS"＞
＜title＞DTPの単位＜/title＞＜/head>
＜body＞
＜table border="5" cellspacing="5" cellpadding="5"＞
＜tr＞
＜th colspan="2" rowspan="2"＞ ＜/th＞＜th colspan="3"＞水平位置＜/th＞＜/tr＞
＜tr＞
＜th width="50"＞左＜/th＞
＜th width="50"＞中＜/th＞
＜th width="50"＞右＜/th＞＜/tr＞
＜tr align="center"＞
＜th rowspan="3"＞垂直＜br＞位置＜/th＞
＜th height="50" bgcolor="#ccccff"＞上＜/th＞
＜td align="left" valign="top"＞●＜/td＞
＜td align="center" valign="top"＞●＜/td＞
＜td align="right" valign="top"＞●＜/td＞＜/tr＞
＜tr＞
＜th height="50"bgcolor="#ccccff"＞中＜/th＞
＜td align="left" valign="middle"＞●＜/td＞
＜td align="center" valign="middle"＞●＜/td＞
＜td align="right" valign="middle"＞●＜/td＞＜/tr＞
＜tr＞
＜th height="50"bgcolor="#ccccff"＞下＜/th＞
＜td align="left" valign="bottom"＞●＜/td＞
＜td align="center" valign="bottom"＞●＜/td＞
＜td align="right" valign="bottom"＞●＜/td＞＜/tr＞
＜/table>

＜table border="8" cellspacing="8" cellpadding="8"＞
＜tr align="center" valign="bottom" height="100"＞
＜th nowrap valign="middle"bgcolor="#ccccff"＞一行一括指定＜/th＞
＜td width="50"＞●＜/td＞＜td width="50"＞●＜/td＞
＜td width="50" align="left"＞●＜/td＞＜/tr＞
＜/table＞
＜/body＞
＜/html>


長いから続く。。。