Course モジュール 3 - Lecture: 最初の HTML タグ

3.1 htmlタグ

このテキストを読んでいるあなたは、将来 Java 開発者、つまりフルスタック Java 開発者として働くことを想定しています。HTML ドキュメントを作成することはほとんどありませんが、頻繁に読む必要があります。これが世界の仕組みなので、HTML ドキュメントがどのように配置されているかを理解する必要があります。

HTML ドキュメントの始まりは何ですか? html各 HTML ドキュメントには、3 つのネストされたタグ、headおよびで構成される構造がありますbody。これは標準的な例です。

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

ブラウザが表示するものはすべてペアタグbody(ドキュメント本体) 内にあります。タグ内には、headブラウザのサービス/補助情報を含むタグがあります。

DOCTYPEまた、パーサーがエラーの解釈方法をよりよく理解できるように、文書の先頭に文書タイプを記述することも一般的です (オプション) 。多くのブラウザは壊れたドキュメントを正しく表示できます。

あるいは逆にXHTML = XML+HTML、通常よりも厳しいルールが設けられている規格もありますHTML。しかし、このような情報は、独自のブラウザ、または少なくとも独自の .NET Framework を作成する場合に役立ちますHTML-parser。

3.2 headタグ

タグ内には、head通常、次のタグが配置されます: title、meta、style、 ...

このタグは、<title> ブラウザーのタブに表示されるドキュメントの名前を指定します。

タグは、<meta>各種サービス情報を設定するために使用されます。たとえば、ブラウザが HTML ドキュメント (覚えていると思いますが、プレーンテキストが含まれています) のエンコーディングを理解できるようにすることができます。


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 body、p、b タグ

タグには、<body>ブラウザによって表示されるすべての HTML テキストが含まれます。ドキュメントを表示するための最も単純なタグは次のとおりです: <h1>、<p>、<b>、<br>

<h1>- これはペアのタグで、ページ/記事のタイトルを設定できます。記事が長くて小見出しが必要な場合は、このケースのタグを使用するなど<h2>、<h3>次のようなことができるまで続きます。<h6>

例：


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

<p>記事が大きく、段落に分割して読みやすくしたい場合は、そのために (段落という単語からの)ペアタグが必要になります。テキストをタグで囲むだけで<p>、</p>ブラウザはそれを別の段落として表示します。

注意！ブラウザはテキスト内の改行や余分なスペースを無視します。改行を追加する場合は、テキストに1 つのタグ<br>(改行から) を挿入します。

最も重要なのは、テキストを太字で強調表示することです。テキストを太字にしたい場合は、テキストをタグで囲みます<b> </b>( b old 以降)。