第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プロパティを追加して、マークの形状を変更することができる。
◆スタイルシートでマーカーに画像を、リストのインデントを指定、リストの背景を指定することができる。

文責 世話人 安田 出

1403html

第4回HTML講座に参加の皆さん

(戻り)