練習問題１
HTMLを練習してみましょう！
＜ベースファイルを修正して、以下の装飾を実装してください＞
★修正内容
- 「ダルメシアン」部分を<h1>タグで囲む
- 「模様が特徴の犬、他の写真もぜひご覧ください。」部分を<p>タグで囲む
- 文書中の「他の写真」に https://unsplash.com/@webcreatorbox 宛てにリンクを貼る
- 「images」フォルダーにある「dog.jpg」という画像を表示する
- 画像のalt属性は「ダルメシアンの写真」とする
★ベースファイル（ビジュアルコード）
<!DOCTYPE html>
<html lang=”ja”>
<head>
<meta charset=”UTF-8″>
<title>ベースファイル：ダルメシアン</title>
<meta name=”description” content=”かわいいダルメシアンの子犬”>
<link rel=”stylesheet” href=”css/style.css”>
</head>
<body>
ダルメシアン
模様が特徴の犬。他の写真もぜひご覧ください。
</body>
</html>
④の画像を表示するには、 <img src=”images/dog.jpg” alt=”ダルメシアンの写真”>
と入れます。
入れる場所は ダルメシアン、模様が特徴の、のあとに追加します。
</body>の前です。
修正前は下記のようになっています。（web画面）
＜修正後の画面＞
