検索
HTMLのテキストタグとは何ですかNov 18, 2021 pm 03:03 PM
htmlテキストラベル

html テキスト タグは次のとおりです: h1、h2、h3、h4、h5、h6、p、hr、br、q、blockquote、b、strong、i、em、s、u、small、big、sub 、sup、code、pre、abbr、bdo、tt、kbd、dfn、var など。

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

このチュートリアルの動作環境: 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のテキストタグとは何ですか

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のテキストタグとは何ですか

七、输出文本

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

标签 说明
表示代码字体,显示源代码
表示预定义格式的源代码,保留源代码显示中的空格大小
表示打印机字体
表示键盘字体
表示定义的术语
表示变量字体
表示代码范例

八、缩写文本

标签可以定义简称或缩写,通过对缩写进行标记,能够为浏览器、搜索引擎提供有用的信息。

标签是定义首字母缩写。

<abbr titile="Hyper Markup Language">HTML</abbr>
<acronym titile="Hyper Markup Language">HTML</acronym>

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

九、文本方向

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

<bdo dir="rtl">床前明月光</bdo>

推荐教程:《html视频教程

以上がHTMLのテキストタグとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

PhpStorm Mac バージョン

PhpStorm Mac バージョン

最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境