简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > フロントエンドQ&A > 本文

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

PHPz
リリース： 2023-04-13 14:22:09
オリジナル
927 人が閲覧しました

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 には、順序付きリスト\

    と順序なしリスト\