ホームページ >ウェブフロントエンド >フロントエンドQ&A >一般的な HTML タグについて話しましょう

一般的な HTML タグについて話しましょう

PHPz
PHPzオリジナル
2023-04-13 13:37:581006ブラウズ

HTML は HyperText Markup Language の略称で、Web ページや Web アプリケーションの作成に使用されるマークアップ言語です。 HTML では、さまざまなタグや属性を使用してコンテンツを整理およびフォーマットすることにより、ドキュメントが読みやすくアクセスしやすくなります。この記事では、いくつかの一般的な HTML タグとその構文と使用法に焦点を当てます。

テキスト タグ

HTML では、テキスト タグはテキストのスタイルと書式設定に使用されます。一般的に使用されるテキスト タグをいくつか示します:

  1. \

    タグ: 段落を作成するために使用されます。例:

<p>这是一个段落。</p>
  1. \

    から \

    タグ: タイトルの作成に使用されます。 \

    は重要な部分を示すために使用される最大の見出しであり、そのサイズとフォントは他の見出しよりも大きくなります。 \

    は最小の見出しであり、小見出しを指定するためによく使用されます。例:
<h1>这是一个最大的标题</h1>
<h2>这是一个较小的标题</h2>
<h6>这是一个最小的标题</h6>
  1. \ タグ: テキストを強調するために使用されます。例:
<p>这是一些<strong>加粗</strong>的文本。</p>
  1. \ タグ: テキストを強調するために使用されます。例:
<p>这是一些<em>斜体</em>的文本。</p>
  1. \ タグ: テキストの下に下線を追加するために使用されます。例:
<p>这是一些<u>下划线</u>的文本。</p>
  1. \
    タグ: テキストに改行を挿入するために使用されます。例:
<p>这是第一行文本。<br>这是第二行文本。</p>

画像タグ

HTML では、\ タグを使用して画像を表示します。画像の URL を含む「src」属性があります。例:

<img src="image.jpg" alt="这是一张图片">

上の例では、「alt」属性に画像の代替テキストが含まれています。画像の読み込みに失敗した場合は、代替テキストが表示されます。

リンク タグ

HTML では、\ タグを使用してリンクを作成します。リンクの URL を含む「href」属性があります。例:

<a href="https://www.example.com">这是一个链接</a>

リスト タグ

HTML には、順序付きリスト\

    と順序なしリスト\
      の 2 種類のリスト タグがあります。順序付きリストには一連の数字が含まれますが、順序なしリストには項目を表すために記号または画像が使用されます。以下に例を示します。

      <ol>
        <li>项目一</li>
        <li>项目二</li>
        <li>项目三</li>
      </ol>
      
      <ul>
        <li>项目一</li>
        <li>项目二</li>
        <li>项目三</li>
      </ul>

      Table タグ

      HTML では、table タグを使用してテーブルを作成できます。主なテーブル タグは、\

      、\、\
      、\ です。 \

      タグはテーブルを定義し、\ タグはテーブルの行を定義し、\
      タグはテーブルのセルを定義し、\ タグはヘッダー セルを定義します。例:
      <table>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
        </tr>
        <tr>
          <td>小明</td>
          <td>18</td>
          <td>男</td>
        </tr>
        <tr>
          <td>小红</td>
          <td>17</td>
          <td>女</td>
        </tr>
      </table>

      マルチメディア タグ

      HTML では、マルチメディア タグを使用してオーディオとビデオを追加できます。主なマルチメディア タグは、\

      <audio controls>
        <source src="song.mp3" type="audio/mp3">
        Your browser does not support the audio element.
      </audio>
      
      <video controls>
        <source src="lesson.mp4" type="video/mp4">
        Your browser does not support the video element.
      </video>

      上記の例では、「src」属性にはオーディオまたはビデオ ファイルの URL が含まれており、「type」属性にはファイルの MIME タイプが指定されています。

      概要

      HTML タグは、Web ページを構築する際の重要な部分です。この記事では、テキストのスタイルと書式設定、画像の表示、リンクの作成、リストの作成、表の作成、マルチメディアの追加に使用できる、一般的に使用される HTML タグとその構文と使用法をいくつか紹介します。 HTML タグを理解することで、開発者は Web ページやアプリケーションを効果的に作成し、より読みやすくアクセスしやすくすることができます。

      以上が一般的な HTML タグについて話しましょうの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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