やさしい問題 2026/10/10～10/17

作ったファイルは削除しても構いません。

① sakura を開いてください。まだ何も書いていませんが、
タイトル「2026.10回答.html」文字コードセット「UTF-8」で保存してください。

② 開いた sakura にHTML5基本のソースを書いてください。

ヒント：HTML5の基本構造は <!DOCTYPE html>、<html>、<head>、<body>で構成されます。
難しい時は、最近作った「*****.html」のソースを見てください。

③ <body>～</body> に自己紹介を簡単に書いてください。

例

ジョイの自己紹介

50歳ごろからWeb制作を学んでいる初心者です。

④ 自己紹介の下に、写真か画像を幅150px～250pxで表示してください。
少しあけて右側に同じ画像を幅300px～500pxで表示してください。

例
　　

参考
https://www.tagindex.com/html_tag/img/img_alt.html
img要素にはalt属性が必須となります。
画像の説明を記述しておきたい場合は、alt属性ではなくtitle属性を使用します。（一般的なブラウザでは、title属性に記述された内容はツールチップで表示されます）
次の例では、そこに写真が置かれているという情報をalt属性で伝え、補足的な説明をtitle属性に記述しています。

<img src="rainbow.jpg" alt="写真" title="お台場から見たレインボーブリッジの写真">

（写真の上にカーソルを載せてみれば判ります。）

⑤ <ul>～</ul> を使って趣味を簡単に書いてください。

例

趣味

• アニメ鑑賞
• htmlソースでページ作成
• 睡眠

⑥ 趣味の下に自分のトップページに行けるリンクを書いてください。
そのとき、別のページで開くようにしてください。

例
ジョイのトップページ