このページの短縮URL(リンク用) 第08章:表2 – オンライン無料パソコン講座 | PCセミナー

第08章:表2

第08章:表2」の学習内容です。

§08-01…表2・準備

(01) 次のようなソースのWebページ「re07.htm」を作成してください。 <?xml version="1.0" encoding="Shift_JIS"?> <!DOCTYPE html PU...

§08-02…{border-collapse}

(01) 初期状態では表のセル間には空間があります。これらをなくす方法の一つとして、表の{border-collapse}プロパティの値を「collapse」にする、というのがあります。CSSに追加してからブラウジングし...

§08-03…セルの結合

(01) 現在の表に「合計金額」の行を追加します。table内に行を以下のように追加してからブラウジングしてください。 <table summary="注文内容"> <tr> <th>...

§08-04…表題文字列<caption>

(01) 表自体に表題を付加します。表題文字列はtable開始タグの直下に<caption>タグで囲んで指定します。今回は「ご注文内容」にします。tableタグ内のHTMLを以下のように更新したらブラウジング...

§08-05…列の属性<col>

(01) 一番左の列の幅を15文字、中央と右の列は10文字にします。列に対してCSSを設定したい場合はtableタグの下に<col>タグを配置します。<col>タグには「span」属性(列数)と「...

§08-06…強制改行<br />

(01) 表の一番上の行の各セルを「ご注文」「税別」「税込」で改行してみます。改行命令は<br>タグを用います。ただしこれも文字を囲わない空要素なので、<br />のようにタグを使います。tabl...