-会員ページFree-HTML基礎構文-第4章-


View Modeで閲覧

■HTML基礎構文-第4章-ビデオ1
リストの作成方法を見てみましょう!

■HTML基礎構文-第4章-ビデオ2
「順不同リスト」を作成してみましょう!

■HTML基礎構文-第4章-ビデオ3
「番号順リスト」を作成してみましょう!

■HTML基礎構文-第4章-ビデオ4
「h」タグなどを追加してWebページを作成しましょう!
特殊文字を入力しましょう!

■HTML基礎構文-第4章-ビデオ5
「番号順リスト」を追加しましょう!

■HTML基礎構文-第4章-ビデオ6
箇条書きを入れ子にする方法を見てみましょう!

■HTML基礎構文-第4章-ビデオ7
Webページ内に入れ子のリストを追加しましょう!

「ブラウザ」と「エディタ」は下記のWebページからダウンロードできます。

■Google Chrome (ウェブブラウザ)
https://www.google.com/intl/ja_ALL/chrome/

■Atom (テキストエディタ)
https://atom.io/

index.html

<!DOCTYPE html>
<html lang=”ja”>
<mead>
<meta charset=”UTF-8″>
<title>HTML学習</title>
</head>
<body>
<!– <ol>
<li>りんご</li>
<li>みかん</li>
<li>ぶどう</li>
</ol> –>

<h1>HTMLを学習するには</h1>
<h3>準備するもの</h3>
<ul>
<li>テキストエディタ</li>
<ul>
<li>メモ帳</li>
<li>テキストエディット</li>
</ul>
<li>ブラウザ</li>
</ul>

<h3>学習した内容</h3>
<ul>
<li><h1>タグ</li>
<li><p>タグ</li>
<li><a>タグ</li>
</ul>

<h3>学習の手順</h3>
<ol>
<li>動画を参照する。</li>
<li>テキストを見直す。</li>
<li>問題に取り組む。</li>
</ol>

<!– <ul>
<li>お肉</li>
<li>魚</li>
<li>野菜</li>
<ul>
<li>トマト</li>
<li>キャベツ</li>
</ul>
</ul> –>

</body>
</html>