Subject-01

Subject-02

Subject-03

Subject-04

自己紹介ページを作成してみよう

htmlを使用して、以下のような自己紹介ページを作成してみましょう。
自分の内容で作成し、自由にアレンジして下さい。

画像を選ぶ際は、著作権に注意してください。

見本ページを新しいタブで開く

ページ構成

    subject1-2

  • index.html
  • （任意の画像）

ヒント

どうしても難しい方は、ソースを見ながら真似してみましょう。

ソースを表示

index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>情報太郎の部屋</title>
</head>

<body>

<h2>情報太郎の部屋</h2>
<p>ここは、情報太郎の自己紹介ページです。</p>

<img src="img.jpg" alt="オムライス">

<ul>
<li>年齢：22歳</li>
<li>趣味：料理</li>
<li>特技：コーディング</li>
</ul>

</body>
</html>
PAGE TOP