Webページ作成(3)ハイパーリンク


HTML -Webページ作成3-(山本先生のページ)

その他のHTML要素やその使い方の例


本日の課題

まず、profile.htmlというファイル名で、以下のように自己紹介のページを作成せよ。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>My Profile</title>
</head>
<body>
<h1>私のプロフィール</h1>
<p>(このページは、<a href="/~jagna/info_literacy/">情報リテラシー</a>の授業で作られたものです)</p>
<h2>所属</h2>
<p>私は<a href="https://www.koeki-u.ac.jp/">東北公益文科大学</a>に所属しています。</p>
<h2>趣味</h2>
<p>趣味は〇〇です。</p>
<hr>
</body>
</html>

作ったページをさらに次のように修正し、メールで送信すること(URLでもOK)。

  1. H2 要素で「出身」の見出しを作り、「私の出身は〇〇県△△市です。」のような文章で、「〇〇県」の方に都道府県のホームページ、「△△市」の方に市町村のホームページへのハイパーリンクを設定する。
  2. H2 要素で「写真」の見出しを作り、小さな写真(サムネイル)を貼り付け、サムネイルをクリックすると大きな写真に飛ぶリンクを作成する。写真は、第3回の時に撮影し、第9回の課題で自分のウエブページに載せた写真などを使ってください。

目次