HTML がテキスト、画像、リンクを表示する方法

HTML は、Web ページの作成に使用されるマークアップ言語です。 Web ページでは、HTML を使用して、テキスト形式、画像、オーディオ、ビデオなどのマルチメディア要素を制御できます。 HTML を学習したことがあれば、HTML 内のテキスト、リンク、その他のタイプの要素をマークアップする方法を知っているでしょう。ただし、HTML には、テキストと要素をマークアップするだけでなく、Web ページ上にテキストと要素を表示するという重要なタスクもあります。

テキストの表示方法

HTML でテキストをマークアップする最も一般的な方法は、\

タグを使用することです。たとえば、次のコードは段落を作成します:

<p>这是一个段落</p>

Web ページを開くと、この段落は次のようにページに表示されます:

これは段落です

ページ上にテキストのグループを表示したいが、テキストを別の段落に配置したくない場合は、\

タグを使用できます。例:

<div>
  <p>这是第一段文本</p>
  <p>这是第二段文本</p>
  <p>这是第三段文本</p>
</div>

このコードは、3 つの段落を持つ \

要素を作成します。 Web ページでは、これは次のようなテキストのセットとして表示されます:

これは最初のテキストです

これは 2 番目のテキストです

これは 3 番目の段落ですtext

画像の表示方法

HTML を使用して Web ページに画像を表示することもできます。 HTML では、画像は \<img src="/static/imghwm/default1.png" data-src="https://www.example.com/images/picture.jpg" class="lazy" alt="HTML がテキスト、画像、リンクを表示する方法" > タグを使用して参照されます。例:

<img  src="/static/imghwm/default1.png" data-src="https://www.example.com/images/picture.jpg" class="lazy" alt="HTML がテキスト、画像、リンクを表示する方法" >

このコード スニペットは、Web ページ上の https://www.example.com/images/picture.jpg にある画像を表示し、代替テキスト「My Picture」を付けます。この代替テキストは、画像のロードに失敗した場合に表示されます。

リンクを表示する方法

HTML では、\ タグを使用してリンクを作成します。たとえば、次のコードは Google Web サイトへのリンクを作成します。

<a>访问 Google</a>

ユーザーがリンクをクリックすると、指定された Web サイトにジャンプします。

HTML では、他のタグを通じてオーディオやビデオなどのマルチメディア要素を表示することもできますが、基本原理は上記と同様です。

概要

HTML は、Web ページの作成に使用されるマークアップ言語です。 HTML では、さまざまなタグを使用して、テキスト、要素、マルチメディア要素などをマークできます。ただし、これらの要素を Web ページに表示するには、CSS や JS など、言語の他の側面が必要です。

HTML は Web テクノロジーの基礎であると言えます。HTML を学習すると、Web テクノロジーを学ぶための強固な基盤を築くことができます。 HTML でさまざまな要素を表示する方法については、いくつかの基本的なタグをマスターし、継続的に練習して熟練するだけで済みます。

以上がHTML がテキスト、画像、リンクを表示する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。