学科 HTML/CSS基礎⑧

-2025/10/27のアジェンダ-

1限目
学科 HTML/CSS基礎⑧
Webページ制作実践

2限目
学科 HTML/CSS基礎⑧
Webページ制作実践

3限目
学科 HTML/CSS基礎⑧
Webページ制作実践

4限目
学科 HTML/CSS基礎⑧
Webページ制作実践

5限目
学科 HTML/CSS基礎⑧
本日の講義のまとめ

本日のテーマ

Webページを完成させましょう

トレーニング3制作:

トレーニング4制作:

メモ:

(1) 画像(imgタグ)
・<img src=”images/photo.jpg” alt=”写真”>
(2) リンク(aタグ)
ハイパーリンクのリンク先ファイルを指定します。
<a href=”about.html”>〇〇〇〇紹介</a>

・HTMLの例
<!DOCTYPE html> <html lang=”ja”> <head> <meta charset=”UTF-8″> <meta name=”description” content=”サイトの説明文”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>ページタイトル</title> <link href=”style.css” rel=”stylesheet” type=”text/css”> <link href=”favicon.ico” rel=”icon”> </head> <body> <!– Web ページの内容を記述 –> <div class=”container”> <header> <h1>見出し1(ページタイトル)</h1> </header> <main> <h2>見出し2</h2> <p>文章</p> <h2>見出し2</h2> <p>文章</p> </main> <footer> <p>版権表示</p> </footer> </div> </body> </html>