Lecture/JouhouC2004/13th のバックアップ(No.1)

情報教育演習II 第13回

箇条書きのタグ

色の指定

光の三原色である、赤(R)緑(G)青(B)の強さを値であらわす
16進数(0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F)で、RGBそれぞれを00〜FFまでの256段階で設定
- 例：blackは#000000、redは#FF0000、whiteは#FFFFFF（「#」のあとにRGB値を設定）

特定の場所やページ全体の文字色の設定

前回は、HTML(Hyper Text Markup Language)でWebページを作成しました。タグを使って、構造や意味を意識しながら、文書（Web）ページを作成しました。

今回は、構造以外に、配色やレイアウト、Webページとして必要な情報なども設定していきます。

「<hr>」の下の行に、次のように大学のサイトへのリンクを設定しましょう。

 <a href="http://www.hyogo-dai.ac.jp/">兵庫大学のページへ</a>

箇条書きの項目に、次のようなリンクを設定してください。

画像データを配置するには、<img>要素を使います。

<img src="画像データの位置" alt="代替テキスト">
- src属性には、画像の位置（ファイルの場所やURL）を指定します
- alt属性には、画像が表示できない場合に表示させる説明文を設定します
  何も説明がない場合は「alt=""」とします

<table>...</table>
- テーブル（表）を設定します。
<table border="外枠の太さ">
- border属性で表の外枠の太さを指定します（0にすると枠線が見えなくなる）
<table width="幅">
- widht属性で表の幅を、ピクセル値かページの横幅に対するパーセント(%)で指定します
<tr>...</tr>
- テーブルのひとつの行を設定します。
<td>...</td>
- テーブルのひとつのマス目（セル）を設定します。
  #ref(): File not found: "table_el.png" at page "Lecture/JouhouC2004/13th"
```
 <table border="1">
   <tr><td>1</td><td>2</td><td>3</td></tr>
   <tr><td>4</td><td>5</td><td>6</td></tr>
 <table>
```
  1 2 3
  4 5 6
<table cellspacing="セルの間隔">
- セルとセルの間隔を設定します（セルと外枠の間隔も設定されます）
<table cellpadding="セル枠と内容との間隔">
- セルの枠と内容の間隔を設定します
```
 <table border="2" cellspacing="1" cellpadding="5">
```

<table>要素は、本来、表を表示するためのものですが、この機能を使って、Webページの内容をブロック状にレイアウトすることができます。