Private Fantasticのホームページへ

[初めてのwebサイト作成レッスン4]
webページのタイトルと見出しについて

🌹レッスン4🌹

webページのタイトルと見出しについて


 🌻パソコンのブラウザはGoogle Chromeを使用しています。

1. タイトルをつけましょう!

タブに表示される部分


フォルダ

{index.html}ファイルを開いて、以下を入力します。

下記の桃色の部分を入力

<title></title>タイトルタグは<head></head>の間に入力します!

<head>

<title>初めてのwebサイトづくり</title>

</head>

ブラウザで確認してみましょう!


2. 見出しについて

いよいよ画面に表示される<body></body>の間にコーディングしていきましょう!

<h>タグは文章校正の基本のタグです!

1が最大で6が最小となります。


フォルダ

下記の桃色の部分を入力

<body>

<h1>初めてのwebサイトづくり</h1>

</body>

上書き保存します!

ブラウザで確認してみましょう!

フォルダ

☆大見出しを画像で挟むことも出来ます。img/の後「ringo1.png」と「ringo2.png」の部分を表示させたい画像のファイル名に変更してください。

下記の桃色の部分を入力

<body>

<h1>
<img src="img/ringo1.png" alt"" width="80" />初めてのwebサイトづくり
<img src="img/ringo2.png" alt"" width="80" />
</h1>

</body>

上書き保存します!

ブラウザで確認してみましょう!

フォルダ

See you again Take care
(^.^/)))~~~bye!!



TOP