ホームページの作り方:さきちんうぇぶ

ホームページの作り方を基礎から学べるウェブサイト。
わかりやすい説明で初心者も安心!

タイトルタグの入力

タイトルタグとは

タイトルタグとは、その名のとおり、ページのタイトルを入力するためのタグです。

[タイトルタグの表示例]
タイトルの表示先

「このページは何について書かれているのか」「何について説明されているのか」を表す、重要な要素です。

[検索結果での表示例]
検索結果の画像

GoogleやYahooなどで検索する際にも、ページタイトルが表示されます。ここが「無題」だったりすると、何について書かれているページなのかわからず、誰もクリックしない可能性だってあります。
それに、せっかく作ったページが「無題」で表示されていたら、ちょっとカッコワルイですよね・・・。それを避けるためにも、必ずタイトルは入力しましょう。

覚えておきたいポイント

必ずHeadセクション内に

タイトルタグは、必ずHeadセクション内に入力する必要があります。Bodyセクション内にしてもブラウザのタイトルバーには表示されません。

表示先はタイトルバーだけではない

タイトルタグの入力によって表示されるタイトルは、ページタイトルやタブはもちろん、お気に入りや履歴一覧にも表示されます。

タイトルタグを入力してみよう

それでは、さっそくタイトルタグを入力してみましょう。
まずは「homepage」フォルダ内の「index.html」をテキストエディターで開いてください。

タイトルの入力方法

step.1

開いたら、<head>~</head>の間に以下のタグを入力します。

<title>ホームページの勉強中</title>

[HTMLの記述例]

<html>

<head>

<meta charset="utf-8">

<title>ホームページの勉強中</title>

</head>

<body>

</body>

</html>

step.2

入力が完了したら、ブラウザで確認してみましょう。保存してテキストエディターを閉じ、「index.html」をブラウザで開きます。

タイトルの表示確認

赤枠で囲った箇所に、入力したタイトルが表示されました!

<Head>セクション内に記述した<title></title>で囲んだ文字が、そのままタイトルとして表示されます。
これでタイトルの入力は完了です。

次のページでは、「文字の入力と改行」方法について学習しましょう。

覚えておきたいポイント

タイトルは必ず入力しましょう

より多くの人にホームページを訪れてもらうために、タイトルタグの入力は欠かせません。せっかく作ったページが「無題」では何のページかわかりませんし、カッコ悪いですよね。

また、Googleなどの検索エンジンはタイトルをページの重要な要素と判断します。必ず入力するよう心がけましょう。

文字の入力と改行
« 前のページへ 色んなタグを入力してみよう

コンテンツの一覧

学習ページの一覧ナビ

快適なサイト運営のために

セキュリティソフトを導入しよう
ウィルス対策について

安心してホームページを運営するための心がけ。

HTMLの特殊文字一覧
HTMLの特殊文字一覧

よく使う、HTMLの特殊文字・記号の一覧表。

カラーコードの一覧表
カラーコードの一覧

HTML・CSSで使えるカラーコードの一覧表。

規約やお問い合わせなど

ご利用案内
ご利用案内

当サイトをご利用になる前に、必ずご確認ください。

FAQ
FAQ

よくあるご質問など。

お問い合わせ
お問い合わせ

さきちんWEBについてのお問い合わせはこちらから。

プライバシーポリシー
プライバシーポリシー

個人情報管理とWeb広告配信について。

運営者情報
運営者情報

さきちんWEBの管理・運営者、さきちんについて。

サイトマップ
サイトマップ

さきちんWEBのサイトマップ。