作成ファイル・保存場所
- 作成した
html-basicの中にhtml03.htmlというファイル名で保存してください。
目的
リストタグ <ul>（Unordered List：順不同リスト）、<ol>（Ordered List：番号付きリスト）、<dl>（Description List：用語と説明のリスト）の使い方を学び、目的に応じて情報を整理できるようにする。
指示
- HTMLの基本構造は前回と同様に記述すること
- タイトルは「HTML課題03」とすること
<h1>タグで全体のタイトル「私の1日」と表示すること- 以下の3種類のリストを、それぞれHTMLで作成すること
各リストの前に<h2>タグで見出しをつけてください。
チェックポイント
- 各リストタグの目的と使い分けが理解できているか
<ul>は順番のない要素、<ol>は順序のある手順、<dl>は用語と説明のセットとして適切に使われているか<li>,<dt>,<dd>などリスト内のタグが正しくネストされているか- インデントや閉じタグのミスがないか
HTMLの解答例
ul. ol. dl. 要素をしっかりと使用しましょう
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>HTML課題03</title>
</head>
<body>
<h1>私の1日</h1>
<h2>今日のやること</h2>
<ul>
<li>メールのチェック</li>
<li>買い物に行く</li>
<li>HTMLの勉強</li>
</ul>
<h2>作業手順</h2>
<ol>
<li>パソコンを起動する</li>
<li>エディタを開く</li>
<li>コードを書く</li>
</ol>
<h2>用語集</h2>
<dl>
<dt>HTML</dt>
<dd>ウェブページの構造を記述するためのマークアップ言語</dd>
<dt>CSS</dt>
<dd>ウェブページの見た目を整えるためのスタイルシート言語</dd>
</dl>
</body>
</html>
