第4回HTML講座を3月27日（木）、全員の15名参加のもと、同好会本部で開催しました。この勉強会で使用するテキストは、「速習WebデザインHTML&スタイルシート（改定第3版）」（（株）技術評論社発行、栗原明則著） を採用しています。今回は画像・テーブル・リストを配置する勉強です。
講師と、その内容梗概は下記のとおりです。
Part3 画像、テーブル、リストを配置しよう…………………………山崎精二講師
- Lesson1 画像を配置しよう
- ◆Webページに画像を挿入するには<img>タグ（src属性とalt属性の記述が必須）を使う。<img>タグはインライン
要素の一つなのでp要素などのブロックレベル要素で囲む必要がある
◆<img>タグにwith属性、height属性を追記して画像の大きさを指定する。
◆画像の周りにテキストを回り込ませるには、スタイルシートを使って、floatプロパティを、解除するにはclear
プロパティを使う。
◆画像にリンクを張るには、<img>タグを<a>タグで挟む。
◆スタイルシートを使って、ブロックレベル要素の背景として画像を挿入することができる。
◆テキスト中の縦の位置を調整するには、vertical-alignプロパティを使用する。
Part3 画像、テーブル、リストを配置しよう…………………………小林庸浩講師
- Lesson2 テーブルを作成しよう
- ◆<table>タグ、<tr>タグ、<td>タグを使ってテーブルを作成する。テーブル・セルの大きさ、ボーダーの設定。
◆セル内の余白、セル内の表示位置の設定、行や列の連結、テーブルに背景色・画像の挿入の学習。
- Lesson3 リストを作成しよう
- ◆リスト表示タグの<ul><li>、番号つきリストタグ<ol><li>の理解、定義リストタグ<dL>、<dt>、<dd>の理解。
◆ulまたはliセレクターにlist-style-typeプロパティを追加して、マークの形状を変更することができる。
◆スタイルシートでマーカーに画像を、リストのインデントを指定、リストの背景を指定することができる。
文責 世話人 安田 出
第4回HTML講座に参加の皆さん