HTML には多くのタグがあり、それぞれのタグにはさまざまな用途があります。php 中国語 Web サイトの次の記事では、HTML でよく使用されるタグについて説明します。これ以上は説明せずに、見てみましょう。具体的な内容。
表示効果のテキストスタイルを変更するために使用されるフォントタグ
text
size: controlフォント サイズは最小 1 ～ 最大 7。 設定範囲が 1 ～ 7 でない場合、設定は無効です。
color: フォントの色を制御します (例: 赤、青...)
face: フォントの種類を制御します。システムフォントライブラリに存在するフォントタイプのみを設定できます
例:
<body> 东边日出<font color="green" size="50" face="宋体">西边雨</font> </body>
効果:
HTMLソースコード内の改行ブラウザが解析するときに発生します。自動的に無視されます。
改行タグ。エフェクト内で改行を表示するために使用されます
例:
竹枝词二首·其一<br/> 刘禹锡<br/><br/> 杨柳青青江水平，闻郎江上踏歌声。<br/> 东边日出西边雨，道是无晴却有晴。
段落タグ、表示用 段落を効果に分割します。そして、段落の前後に空白行を自動的に追加します
align: 段落の内容の配置デフォルトは左、内容は左です右右
中央中央
例:<p align="center">黄鹤楼送孟浩然之广陵</p> <p >故人西辞黄鹤楼，</p><p align="right">烟花三月下扬州。</p> <p>孤帆远影碧空尽，</p><p align="right">唯见长江天际流。</p>効果:
titleタグは、表示効果でタイトルを分割するために使用されます
は最大です。最小
例:
<h1 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h1> <h2 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h2> <h3 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h3> <h4 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h4> <h5 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h5> <h6 id="念奴娇-赤壁怀古">念奴娇·赤壁怀古</h6>
効果:
HTML ソース コード内の複数のスペースは、最終的にエフェクト内で 1 つにマージされます。 
例:
php 中文网</br> php 中文网
効果:
HTML注釈
はHTMLソースコードに注釈を付けるために使用されます。でで表示される HTML 効果。 
形式: 例:
<!--html标签-->
効果
: HTML 効果表示内表示されず、ソースコード内のピクチャタグ
のみが表示されます
用于在页面效果中展示一张图片。
src：指明图片的路径。（必有属性）
图片路径的写法：
①内网路径：
绝对路径：文件在硬盘上的具体位置。【不建议使用】
例如：C:\ JavaWeb001_html\img\c_1.jpg
相对路径：从引入者所在目录出发。【建议使用相对路径】
例如：../img/c_1.jpg
../表示上一层目录
./表示当前目录
互联网路径：
必须前面加上http://
width：图片宽度
height：图片的高度
宽度和高度的设置：
默认单位是px，像素。例如：width=”400” 其实设置的是 width=”400px”。固定设置方式
百分比设置。例如：width=”50%”。 是父标签的百分比。 动态改变的。
示例：
<img src="/static/imghwm/default1.png" data-src="../c_1.jpg" class="lazy" style="max-width:90%" style="max-width:90%"/ alt="HTMLにはどんなタグがあるのでしょうか？一般的に使用される HTML タグの完全なリスト" > <img src="/static/imghwm/default1.png" data-src="../c_2.jpg" class="lazy" style="max-width:90%"/ alt="HTMLにはどんなタグがあるのでしょうか？一般的に使用される HTML タグの完全なリスト" >
列表标签
无序列表标签，用于在效果中定义一个无序列表
列表条目项标签，用于在效果中定义一个列表的条目
有序列表标签，用于在效果中定义一个有序列表
示例：
<ul>
<li>古诗</li>
<li>古词</li>
<li>诗歌</li>
</ul>效果：
示例：
<ol>
<li>古诗</li>
<li>古词</li>
<li>诗歌</li>
</ol>效果：
超链接标签
超链接标签，用于在效果中定义一个可以点击跳转的链接
href：超链接跳转的路径 (必有属性)
内网本机路径：相对路径和绝对路径
互联网路径：http://地址
本页：默认跳转到本页
超链接正常工作：①a标签中必须有内容
②a标签必须有href属性
示例：
<a herf="http://www.php.cn/">php中文网</a> <a herf="demo html">demo</a>
注意：
①a标签内容体，不仅仅是文字，也可以是其他内容，例如图片
②a标签的href属性，不仅仅可以链接到html上，也可以链接到其他文件上，例如图片
示例：
<a herf="demo html"> <img src="/static/imghwm/default1.png" data-src="../img/c_1.jpg" class="lazy" / alt="HTMLにはどんなタグがあるのでしょうか？一般的に使用される HTML タグの完全なリスト" > </a>
示例：
<a herf="../img/c_1.jpg" />链接到一张图片</a>
表格标签
表格标签，用于在效果中定义一个表格
border：设置表格的边框粗细
width：设置表格的宽度
表格的行标签，用于在效果中定义一个表格行
表格的单元格标签，用于在效果中定义一个表格行中的单元格
表格的书写顺序：
步骤1：定义一个表格
步骤2：定义表格中的一行
步骤3：在表格一行中定义单元格
示例：
<table> <tr> <td>姓名</td> <td>数学</td> </tr> <tr> <td>A</td> <td>100</td> </tr> </table>
效果：
表格的表头单元格标签，用于在效果中定义一个表格行中的表头单元格
示例：
<table boder="1px" width="100%"> <tr> <th>姓名</th> <th>数学</th> </tr> <tr> <td>A</td> <td>100</td> </tr> </table>
效果：
单元格合并
colspan：跨列合并单元格
rowspan：跨行合并单元格
合并步骤：
确定合并哪几个单元格，确定是跨列合并还是跨行合并
在第一个出现的单元格上书写 合并单元格属性
合并几个单元格，属性值就书写几
被合并的单元格必须删掉
示例：
<tr> <td conspan="2">1</td> <td>3</td> <td>4</td> </tr>
示例：
<tr><td rowspan="2">6</td> <td>7</td> <td>8</td> </tr> <tr> <td>12</td> <td>15</td> </tr>
示例：
<tr> <td conspan="2" rowspan="2">8</td> <td>11</td> </tr> <tr> <td>16</td> </tr>
块标签
行级的块标签，用于在效果中 一行上定义一个块，进行内容显示。
span有多少内容，就会占用多大空间。
Span不会自动换行
适用于少量数据展示
示例：
<span>哈哈哈哈哈</span> <span>呵呵呵呵呵</span>
效果：
块级的块标签，用于在效果中 定义一块，默认占满一行，进行内容的显示
默认占满一行
会自动换行
适用于大量数据展示
示例：
<div>哈哈哈哈哈</div> <div>呵呵呵呵呵</div>
效果：
框架标签
框架标签：
以上がHTMLにはどんなタグがあるのでしょうか？一般的に使用される HTML タグの完全なリストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
HTMLタグと属性に一貫したコーディングスタイルを使用することの重要性を説明します。May 01, 2025 am 12:01 AMコードの読みやすさ、保守性、効率を向上させるため、一貫したHTMLエンコーディングスタイルは重要です。 1）低ケースタグと属性を使用します。2）一貫したインデントを保持し、3）シングルまたはダブルの引用符を選択して固執する、4）プロジェクトのさまざまなスタイルの混合を避け、5）きれいなスタイルやEslintなどの自動化ツールを使用して、スタイルの一貫性を確保します。
ブートストラップ4にマルチプロジェクトカルーセルを実装する方法は？Apr 30, 2025 pm 03:24 PMBootstrap4にマルチプロジェクトカルーセルを実装するソリューションBootstrap4にマルチプロジェクトカルーセルを実装するのは簡単な作業ではありません。ブートストラップですが...
DeepSeekの公式Webサイトは、マウススクロールイベントの浸透の影響をどのように達成していますか？Apr 30, 2025 pm 03:21 PMマウススクロールイベントの浸透の効果を実現する方法は？ Webを閲覧すると、いくつかの特別なインタラクションデザインに遭遇することがよくあります。たとえば、DeepSeekの公式ウェブサイトでは、...
HTMLビデオの再生コントロールスタイルを変更する方法Apr 30, 2025 pm 03:18 PMHTMLビデオのデフォルトの再生コントロールスタイルは、CSSを介して直接変更することはできません。 1. JavaScriptを使用してカスタムコントロールを作成します。 2。CSSを介してこれらのコントロールを美化します。 3. video.jsやPLYRなどのライブラリを使用すると、互換性、ユーザーエクスペリエンス、パフォーマンスを検討してください。プロセスを簡素化できます。
お使いの携帯電話でネイティブセレクトを使用することにより、どのような問題が発生しますか？Apr 30, 2025 pm 03:15 PM携帯電話でネイティブセレクトを使用する際の潜在的な問題は、モバイルアプリケーションを開発するときに、ボックスを選択する必要があることがよくあります。通常、開発者...
お使いの携帯電話でネイティブ選択を使用することの欠点は何ですか？Apr 30, 2025 pm 03:12 PMお使いの携帯電話でネイティブ選択を使用することの欠点は何ですか？モバイルデバイスでアプリケーションを開発する場合、適切なUIコンポーネントを選択することが非常に重要です。多くの開発者...
Three.jsとOctreeを使用して部屋で3人のローミングの衝突処理を最適化する方法は？Apr 30, 2025 pm 03:09 PMThree.JSとOctreeを使用して、部屋でのサードパーソンローミングの衝突処理を最適化します。 3つのjsでoctreeを使用して、部屋でサードパーソンローミングを実装し、衝突を追加してください...
お使いの携帯電話でネイティブセレクトを使用する場合、どのような問題が発生しますか？Apr 30, 2025 pm 03:06 PMモバイルデバイスでアプリケーションを開発する際に携帯電話でネイティブセレクトの問題は、ユーザーが選択を行う必要があるシナリオに遭遇することがよくあります。ネイティブセル...
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
ドリームウィーバー CS6
ビジュアル Web 開発ツール
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
ホットトピック
7873
15164914140952130125124529