検索

ホームページ >ウェブフロントエンド >フロントエンドQ&A >よく使用される HTML タグとその使用法

よく使用される HTML タグとその使用法

PHPz
PHPzオリジナル
2023-04-21 14:13:17729ブラウズ

HTML (HyperText Markup Language) は、Web サイトを作成および公開するための標準言語です。 HTML は、Web ページの構造とコンテンツを記述する一連のタグに基づいて定義されます。この記事では、よく使われるHTMLタグとその使い方を紹介します。

  1. タイトル タグ

HTML では、ドキュメントのコンテンツ階層を記述するために 6 つの異なるレベルのタイトル タグが使用されます。最高レベルから最低レベルまで、h1、h2、h3、h4、h5、h6 となります。このうち、h1 が最高レベル、h6 が最低レベルです。一般に、ページでは h1 タグが 1 つだけ使用され、他のレベルのタグはさまざまなレベルの字幕やコンテンツを記述するために使用されます。簡単な例を次に示します: 

<h1>这是主标题</h1>
<h2>这是次级标题</h2>
<p>这是一段内容</p>
<h3>这是三级标题</h3>
<p>这是另一段内容</p>
  1. 段落タグと改行タグ

HTML では、

タグは段落を表し、ブロックを区切るために使用されます。上からのテキストをブロックで区切ります。段落では、スペースと復帰は 1 つのスペースとしてのみ考慮されます。同じ段落に複数のスペースを出力する必要がある場合は、HTML でスペース エンティティを使用できます。強制的に改行する必要がある場合は、
タグを使用できます。 

<p>这是第一段的内容。    这是第一段的另一行文本。</p>
<p>这是第二段的内容。</p>
<p>这是第三段的内容。<br>这些是第三段的第二行。</p>
  1. 画像タグ

HTML の タグは、Web ページに画像を埋め込むために使用されます。このタグを使用するには、画像の URL と、画像サイズ、境界線、テキストの説明などのいくつかのプロパティを指定する必要があります。 

<img src="image.jpg" alt="这是一张图片" width="500" height="500" border="1">
  1. ハイパーリンク タグ

HTML では、 タグを使用してハイパーリンクを作成します。指す URL は、現在の Web サイトのページ、別の Web サイト、またはその他のマテリアルにすることができます。 タグを使用する場合は、ハイパーリンクのテキストを指定する必要があります。テキストには、ユーザーに表示したい任意の単語または語句を指定できます。 タグでは、href (ハイパーリンク参照) 属性を使用してリンクの URL を指定します。 

<a href="http://www.baidu.com">访问百度</a>
  1. リスト タグ

HTML には、順序なしリストと順序付きリストという 2 つの異なるリスト タグが含まれています。順序なしリスト (

    ) では、リスト項目は順序なしの記号 (通常はドット) で表されます。順序付きリスト (
      ) では、リスト項目は数値で表されます。各リスト項目は
    1. タグで表されます。 
<ul>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ul>

<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    <li>列表项3</li>
</ol>
  1. テーブル タグ

HTML のテーブルは、

、、
の 3 つのタグで構成されます。このうち、 タグはテーブルを定義するために使用され、 タグはテーブル内の行を定義し、
タグはテーブル内のセルを定義します。 CSS スタイルを使用して、テーブルの幅、背景色、境界線、その他のプロパティを設定できます。 

<table>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
        <td>单元格3</td>
    </tr>
    <tr>
        <td>单元格4</td>
        <td>单元格5</td>
        <td>单元格6</td>
    </tr>
</table>

上記は一部の HTML タグの使用法であり、Web ページで使用できるタグは他にもたくさんあります。これらのタグを使用すると、Web ページのコンテンツと構造を迅速に作成および変更できます。

以上がよく使用される HTML タグとその使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：改行なしのHTML表示を実装する方法次の記事：改行なしのHTML表示を実装する方法

関連記事

続きを見る