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


View Modeで閲覧

■HTML基礎構文-第5章-ビデオ1
用語説明型のリストを見てみましょう!

■HTML基礎構文-第5章-ビデオ2
必要なコンテンツをエディタに記述しましょう!
「dl」要素を記述しましょう!

■HTML基礎構文-第5章-ビデオ3
「dt」要素で、名前を囲みましょう!
「dd」要素で、説明文を囲みましょう!

■HTML基礎構文-第5章-ビデオ4
それぞれの要素を整理して理解しましょう!

■HTML基礎構文-第5章-ビデオ5
用語説明型リストを使用したWebページを作成してみましょう!

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

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

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

index.html

<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title>HTML学習</title>
</head>
<body>
<h1>プログラミング言語概要</h1>
<dl>
<dt>HTML</dt>
<dd>タグでマークアップする言語です。</dd>
<dt>CSS</dt>
<dd>サイトのデザインを定義する言語です。</dd>
<dt>JavaScript</dt>
<dd>動的な動作を与える事の出来る言語です。</dd>
</dl>
</body>
</html>