HOME / WEB関連知識のスキルアップ / HTMLクイック･リファレンス /  ウェブ制作チュートリアル / 第3章 HTMLで情報の意味付けをする：ウェブページにタイトルを付ける

第3章 HTMLで情報の意味付けをする

| ウェブページにタイトルを付ける
index.htmlにさらに手を加えて、サンプルサイトのトップページを作っていきます。
ウェブページにタイトルを付けましょう。 タイトルを付けるには、タイトルとなる文字列を <title>～</title>で囲みます。 <title>～</title>は、<head>～</head> の内側に配置します。 これはタグ配置のルールとして決められています。
index.htmlに以下の記述を追加してください。

HTMLソース（index.html）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ウェブサンプル株式会社</title>
</head>
<body>
ウェブサンプル株式会社
</body>
</html>
保存をしたらブラウザで表示してみましょう。ブラウザ上では以下のような画面になっているはずです。
▶︎ 変更前を確認する
一見、画面には変化が無いようですが、良く見るとブラウザの一番上のタイトルタブ部分に「ウェブサンプル株式会社」というタイトルが表示されています。
まとめ
  1. ウェブページには、タイトルをひとつ付ける
  2. タイトルとなる文字列を<title>～</title>で囲む
  3. <title>～</title>は、<head>～</head>の内側にひとつだけ配置する