Menu
CoddyTech

titleタグ

CoddyのHTMLジャーニー「CSSによるスタイリング」セクションの一部。レッスン 5/76。

HTMLにおいて、titleタグはHTMLドキュメントのタイトルを定義するために使用されます。このタイトルは、ブラウザのタイトルバーまたはページのタブに表示されます。titleタグは、HTMLドキュメントの<head>セクション内に配置されます。

HTMLドキュメントでtitleタグを使用する方法の例を次に示します:

<!DOCTYPE html>
<html>
<head>
    <title>My Web Page</title>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

この例では、titleタグはページのタイトルを「My Web Page」に設定しています。このHTMLファイルをブラウザで開くと、タイトルバーまたはタブに「My Web Page」と表示されます。

challenge icon

チャレンジ

簡単

HTMLドキュメントが与えられます。HTMLドキュメントに My Cool CSS Page というタイトルを追加してください。

自分で試してみよう

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: lightblue;
        }
    </style>
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

CSSによるスタイリングのすべてのレッスン

自分で練習してみよう: Webプレイグラウンド