HTML4 〜リストタグ・水平線タグ〜
下記のWebページを作成してください。
リストタグと水平線タグを利用して、下記のWebページを作成してください。
※見出しはh1でもh2でも任意の見出しを使って構いません。
設定手順
デスクトップ上にフォルダ「webst8」を作成します(すでに作成済みの場合は不要です)。
「webst8」フォルダ上に、「html-lesson4」フォルダを作成します。
「html-lesson4」フォルダ上にファイル名「lesson4.html」を新規作成してWebページを作成します。
ヒント
Atomを利用すると簡単にHTMLの基本構造を作成できます。
利用するタグは下記になります。
- 順序なしリストタグ ul,li
- 順序ありリストタグ ol,li
- 定義済みリストタグ dl,dt,dd
- 水平線タグ hr
参考サイト：3-6. リストタグ ul,li | ol,li、3-7 dldtdd | 初心者がはじめに覚えておきたい HTML の基本とタグを紹介
3-9. 水平線タグ | 初心者がはじめに覚えておきたい HTML の基本とタグを紹介
こたえ
下記zipファイルに答えを格納しています。
html-lesson4
ソースコード
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>はじめてのHTML</title> </head> <body> <h2>順序なしのリスト</h2> <ul> <li>Facebook</li> <li>Instagram</li> <li>Twitter</li> </ul> <hr> <h2>順序ありのリスト</h2> <ol> <li>起床</li> <li>朝ごはん</li> <li>ゲーム</li> <li>晩ごはん</li> <li>就寝</li> </ol> <hr> <h2>定義済みリスト</h2> <dl> <dt>HTML</dt> <dd>HTMLとはHyper Text Markup Languageの略です。Webページの構造を定義する言語です。</dd> </dl> </body> </html> |