演習課題「単語を強調する」
右側の環境で、public_htmlディレクトリにindex.htmlを用意してあります。
このファイルを修正して、「ぱいじょ」という単語を強調表示してください。強調表示には<strong>タグを使います。
採点して、すべてのジャッジに正解すれば演習課題クリアです!
演習課題「間違い探し」
右側の環境で、public_htmlディレクトリにindex.htmlを用意してありますが、ブラウザ上で正常に表示されていません。
以下の条件に合うようにこのファイルを修正してください。
- 行全体に「https://paiza.jp/paijo」へのリンクを貼る
- 「ぱいじょ」という単語を強調表示する
採点して、すべてのジャッジに正解すれば演習課題クリアです!
#02:HTMLを構成するパーツを理解しよう
HTMLを構成するパーツについて、さらに理解を深めます。プログラムでHTMLを処理するには、HTMLのパーツと構造をきちんと把握しておく必要があります。まずはパーツについて学習します。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Welcome to paiza</title>
<link rel='stylesheet' href='style.css'>
</head>
<body>
<h1>世界の皆さん、こんにちは</h1>
<p>ようこそ、<strong>paiza</strong>へ</p>
<img src='(url)/neko.gif'>
<p><a href='https://paiza.jp' >paizaに移動</a></p>
</body>
</html>
要素は、開始タグから終了タグまでを、ひとまとめにして「要素」または「エレメント」と呼びます。<h1>世界の皆さん、こんにちは</h1>
このような要素は、必ず入れ子にしなくてはいけません。たとえば、pタグの要素の中で、強調したい部分がstrongタグで要素になっています。<p>ようこそ、<strong>paiza</strong>へ</p>
すべての要素が、開始タグと終了タグで囲まれている訳ではありません。イメージタグのように、単独のタグで記述する場合もあります。このような要素を「空要素」(からようそ)と呼びます。
こうした空要素は、Webページの特定の位置に何かを挿入したり埋め込むために使用します。
開始タグの中に、要素に関する追加情報を記述します。これを属性と呼びます。たとえば、aタグでは、リンク先のアドレスを属性として記述します。
属性は、属性名と属性の値をイコールでつなぎます。属性値は、シングルクォーテーションかダブルクォーテーションで囲みます。<a href='https://paiza.jp'>
- HTMLを始めよう - ウェブ開発を学ぶ | MDN
https://developer.mozilla.org/ja/docs/Learn/HTML/Introduction_to_HTML/Getting_started
- HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML
- HTML5日本語訳
https://momdo.github.io/html5/Overview.html
- HTML5 - Wikipedia
https://ja.wikipedia.org/wiki/HTML5
- HTMLタグリファレンス(ABC順)
http://www.htmq.com/html/
- HTML Standard 日本語訳
https://momdo.github.io/html/
- ごく簡単なHTMLの説明
https://www.kanzaki.com/docs/htminfo.html