dlタグを理解しましょう！

説明

dlタグ

タグ説明（以前）

タグ説明（html5以降）

基本形

HTML


    <dl>
        <dt>HTML</dt>
        <dd>Webブラウザに文字を表示させるための言語</dd>
        <dd>文章の構造を示すために書かれる</dd>
        <dt>CSS</dt>
        <dd>文章の見た目を決めるために書かれるもの</dd>
        <dd>デザインを決める役割をもつ</dd>
    </dl>

表示結果

HTML
Webブラウザに文字を表示させるための言語
文章の構造を示すために書かれる
CSS
文章の見た目を決めるために書かれるもの
デザインを決める役割をもつ

関連事項

関連タグ

ulタグ、olタグ、tableタグとの使い分け

説明サンプル（用語説明を「：」で区切る）【demo01】

表示結果

HTML
Webブラウザに文字を表示させるための言語
CSS
文章の見た目を決めるために書かれるもの

説明サンプル（用語を固定長にする）【demo02】

表示結果

HTML
Webブラウザに文字を表示させるための言語
CSS
文章の見た目を決めるために書かれるもの

説明サンプル（お知らせ／幅広）【demo03】

表示結果

2021年03月11日
WordPressの勉強をします。
作成した作品掲載と訓練記録のブログを書いてください。
2021年03月12日
HTML/CSSの勉強をします。
tableタグとdlタグの勉強をしますが使い方が難しいので頑張って勉強してください。

説明サンプル（お知らせ／幅狭）【demo04】

表示結果

2021年03月11日
WordPressの勉強をします。
作成した作品掲載と訓練記録のブログを書いてください。
2021年03月12日
HTML/CSSの勉強をします。
tableタグとdlタグの勉強をしますが使い方が難しいので頑張って勉強してください。

説明サンプル（会社情報）【demo05】

表示結果

会社名
Samplesdl株式会社
所在地
〒136-0073
東京都江東区北砂1-15-8
創立
2018年4月
資本金
300万円
役員
代表取締役社長　齋藤 雄介
事業内容
  1. 各種制作事業
  2. 各種訓練学校の運営
  3. ショッピングサイトの制作及び運営

説明サンプル（エンドロール）【demo06】

表示結果

パルマ
リリヤ
コーリャ
レオニド・バーソフ
コーリャの父ラザレフ
ヴィクトル・ドブロヌラヴォフ
パルマを匿うCAニーナ
ヴァレリア・フョドロビチ
ニーナの父セルゲイ
ヴィクトル・イリン
ニコライ・ラザレフ
アレクサンドル・ドモガロフ
豊田武
渡辺裕之
豊田ゆめ
藤田朋子
秋田犬の里館長
壇蜜
ジャーナリスト
山本修夢
秋田犬会館館長
高松潤
秋田犬の里スタッフ
阿部純子
秋田犬会館事務局長
堂珍嘉邦
本人役
アリーナ・ザギトワ
アナスタシア・ラザレフ
アナスタシア
監督
アレクサンドル・ドモガロフJr.

説明サンプル（動物紹介）【demo07】

表示結果

ゾウ
ゾウ
鼻の長い動物で怒ると怖い。
キリン
キリン
首の長い動物で高いところの葉を食べる。
カピバラ
カピバラ
とぼけた顔をした動物で温泉に入るのが好き。

説明サンプル（動物写真）【demo08】

表示結果

ゾウ
ゾウ
キリン
キリン
カピバラ
カピバラ

課題

課題作成方法

フォルダ型式


    work_〇〇〇〇_20210315.zip
        profile/
            index.html
            style.css
            images/
                xxxx.jpg
                yyyy.png

    ※zipファイルは、DropBoxの「提出 → サイト②_20210315」に格納してください。