このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML テキストは Web ページに表示されるメインのコンテンツであり、使用する必要がある主なタグは、タイトルタグ、段落タグ、テキストタグ、横線タグ、特殊記号タグです。これらのタグは body タグ内にあります。

1. h1~h6 タイトルタグ

単語の略称: head header. Title

Web を作るためにページをよりユニークに意味的には、ページ内でタイトルタグを使用することがよくあります。HTML では、6 つのレベルのタイトル、つまり

～

が用意されており、

は最大のタイトルを表します。 h6>は最小のタイトルを表します。

タイトルタグのセマンティクス: タイトルとして、重要度の降順で使用されます。

注: h1 タグは重要であるため、できるだけ使用しないでください

HTMLのテキストタグとは何ですか

## 2. p段落タグ

単語の略語:段落paragraph

Webページ上で文章を整然と表示するには、平常時の記事作成と同様に段落タグが不可欠です。、Web ページ全体を複数の段落に分割して使用することもできます。

ヒント: p はテキストレベルのタグであり、テキスト、画像、フォーム要素のみを p に配置できます。

段落タグは HTML ドキュメントで最も一般的なタグです。デフォルトでは、段落内のテキストはブラウザウィンドウのサイズに応じて自動的に折り返されます。

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

ログイン後にコピー

3. hr 水平線ラベル (単一ラベル)

単語の略語: 水平水平線。

Web ページでは、文書構造を明確かつ階層的にするために、複数の段落を区切る水平線がよく見られます。これらの水平線は、画像を挿入するか、単にタグによって実現できます。

は、Web ページ全体に水平線を作成するタグです。

HTMLのテキストタグとは何ですか

4. br 改行ラベル (単一ラベル)

単語の略語: Break Break、Line Break

HTML では、段落内のテキストはブラウザウィンドウの右端まで左から右に配置され、その後自動的に折り返されます。特定のテキストを強制的に新しい行で折り返す場合は、改行タグ

HTMLのテキストタグとは何ですか

## を使用する必要があります。

5. 引用タグタグは短い引用を定義し、ブラウザは多くの場合、引用されたコンテンツの前後に引用符を追加します。ブロック引用を定義し、それに含まれるテキストは通常のテキストから分離され、左側と右側がインデントされ、場合によっては斜体になります。

<q>细节决定成败</q>
<blockquote>
     <p>生命在于折腾啊！</p>
 </blockquote>

ログイン後にコピー

ヒント: テキストを blockquote 要素に直接配置することはできませんが、p 要素などの block 要素に含める必要があります。

6. テキストの書式設定タグ

Web ページでは、テキストに太字、斜体、または下線の効果を設定する必要がある場合があります。 , テキストを特別な方法で表示するには、HTML でテキスト書式タグを使用する必要があります。

标签	显示效果
和	文字以粗体方式显示（XHTML推荐使用 strong）
和	文字以斜体方式显示（XHTML推荐使用em）
和	文字以加删除线方式显示（XHTML推荐使用del）
和	文字以加下划线方式显示（XHTML不赞成使用u）
	定义小号字体，标签包含的文本比周围小一号，下限1号文本
	定义大号字体，标签包含的文字比周围大一号，上限7号文本
	定义下标文本，以当前文本流中字符高度一半显示，但是与文本流中字符字体字号一致
	定义上标文本，以当前文本流中字符高度一半显示，但是与文本流中字符字体字号一致

Tips: b i s u 只有使用没有强调的意思 strong em del ins 语义更强烈

Tips: _{、^{标签，在数学公式、科学符号和化学公式中非常有用。}}

HTMLのテキストタグとは何ですか

七、输出文本

HTML元素提供了如下输出信息的标签：

标签说明

表示代码字体，显示源代码

</td><td>表示预定义格式的源代码，保留源代码显示中的空格大小</td></tr><tr><td style="word-break: break-all;"><tt></td><td>表示打印机字体</td></tr><tr><td style="word-break: break-all;"><kbd></td><td>表示键盘字体</td></tr><tr><td style="word-break: break-all;"><dfn></td><td>表示定义的术语</td></tr><tr><td style="word-break: break-all;"><var></td><td>表示变量字体</td></tr><tr><td style="word-break: break-all;"><samp></td><td>表示代码范例</td></tr></tbody></table><p><span style="font-size: 18px;"><strong>八、缩写文本</strong></span></p><p><abbr> 标签可以定义简称或缩写，通过对缩写进行标记，能够为浏览器、搜索引擎提供有用的信息。</p><p><acronym>标签是定义首字母缩写。</p><pre class='brush:php;toolbar:false;'><abbr titile="Hyper Markup Language">HTML</abbr>
<acronym titile="Hyper Markup Language">HTML</acronym>

ログイン後にコピー

Tips:可以使用 title 属性，设置在鼠标移动到上显示完整文本。

九、文本方向

使用标签可以改变文本流的方向，包含一个属性：dir，取值包活 ltr(从左到右) 和 rtl(从右到左)。