トップページ  > ウェブ制作チュートリアル  > ウェブページにタイトルを付ける
第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>の内側にひとつだけ配置する
<前へ 目次へ 次へ>
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ