[初めての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