2025年-9月


練習問題1

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画面)

<修正後の画面>

PAGE TOP