| </td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义文档的标题。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><body></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义文档的主体。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><h1> to <h6></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义 HTML 标题。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><p></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义段落。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义简单的折行。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><hr></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义水平线。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="372"><!--...--></td>
<td style="border-color: rgb(221, 221, 221);" width="438">定义注释。</td>
</tr>
</tbody>
</table>
<p><strong>表单</strong><br></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="254">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="556">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><form></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义供用户输入的 HTML 表单。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><input></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义输入控件。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><textarea></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义多行的文本输入控件。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><button></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义按钮。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><select></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义选择列表（下拉列表）。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><optgroup></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义选择列表中相关选项的组合。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><option></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义选择列表中的选项。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><label></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义 input 元素的标注。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><fieldset></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义围绕表单中元素的边框。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><legend></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义 fieldset 元素的标题。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><datalist></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义下拉列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><keygen></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义生成密钥。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="254"><output></td>
<td style="border-color: rgb(221, 221, 221);" width="556">定义输出的一些类型。</td>
</tr>
</tbody>
</table>
<p><strong>框架</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="225">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="585">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><frame></td>
<td style="border-color: rgb(221, 221, 221);" width="585">定义框架集的窗口或框架。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><frameset></td>
<td style="border-color: rgb(221, 221, 221);" width="585">定义框架集。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><noframes></td>
<td style="border-color: rgb(221, 221, 221);" width="585">定义针对不支持框架的用户的替代内容。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="225"><iframe></td>
<td style="border-color: rgb(221, 221, 221);" width="585">定义内联框架。</td>
</tr>
</tbody>
</table>
<p><strong>图像</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="232">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="578">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><img></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义图像。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><map></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义图像映射。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><area></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义图像地图内部的区域。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><canvas></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义图形。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><figcaption></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义 figure 元素的标题。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="232"><figure></td>
<td style="border-color: rgb(221, 221, 221);" width="578">定义媒介内容的分组，以及它们的标题。</td>
</tr>
</tbody>
</table>
<p><strong>链接</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="198">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="612">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><a></td>
<td style="border-color: rgb(221, 221, 221);" width="612">定义锚。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><link></td>
<td style="border-color: rgb(221, 221, 221);" width="612">定义文档与外部资源的关系。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="198"><nav></td>
<td style="border-color: rgb(221, 221, 221);" width="612">定义导航链接。</td>
</tr>
</tbody>
</table>
<p><strong>列表</strong><br></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="208">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="602">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><ul></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义无序列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><ol></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义有序列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><li></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义列表的项目。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dir></td>
<td style="border-color: rgb(221, 221, 221);" width="602">不赞成使用。定义目录列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dl></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义定义列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dt></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义定义列表中的项目。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><dd></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义定义列表中项目的描述。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><menu></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义命令的菜单/列表。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><menuitem></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义用户可以从弹出菜单调用的命令/菜单项目。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="208"><command></td>
<td style="border-color: rgb(221, 221, 221);" width="602">定义命令按钮。</td>
</tr>
</tbody>
</table>
<p><strong>表格</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="239">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="571">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><table></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><caption></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格标题。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><th></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的表头单元格。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tr></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的行。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><td></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的单元。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><thead></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的表头内容。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tbody></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的主体内容。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><tfoot></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中的表注内容（脚注）。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><col></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中一个或多个列的属性值。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><colgroup></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义表格中供格式化的列组。</td>
</tr>
</tbody>
</table>
<p><strong>样式/节</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="239">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="571">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><style></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义文档的样式信息。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><div></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义文档中的节。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><span></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义文档中的节。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><header></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义 section 或 page 的页眉。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><footer></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义 section 或 page 的页脚。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><section></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义 section。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><article></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义文章。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><aside></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义页面内容之外的内容。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><details></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义元素的细节。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><dialog></td>
<td style="border-color: rgb(221, 221, 221);" width="571">定义对话框或窗口。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="239"><summary></td>
<td style="border-color: rgb(221, 221, 221);" width="571">为 <details> 元素定义可见的标题。</td>
</tr>
</tbody>
</table>
<p><strong>员信息</strong></p>
<table width="811">
<thead><tr class="firstRow">
<th style="border-color: rgb(221, 221, 221);" width="173">标签</th>
<th style="border-color: rgb(221, 221, 221);" width="637">描述</th>
</tr></thead>
<tbody>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><head></td>
<td style="border-color: rgb(221, 221, 221);" width="637">定义关于文档的信息。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><meta></td>
<td style="border-color: rgb(221, 221, 221);" width="637">定义关于 HTML 文档的元信息。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><base></td>
<td style="border-color: rgb(221, 221, 221);" width="637">定义页面中所有链接的默认地址或默认目标。</td>
</tr>
<tr>
<td style="border-color: rgb(221, 221, 221);" width="173"><basefont></td>
<td style="border-color: rgb(221, 221, 221);" width="637">不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</td>
</tr>
</tbody>
</table>
<div><div id="cnblogs_post_body">
<strong>属性</strong><table width="778" style="width: 811px;">
<thead><tr class="header firstRow">
<th style="border-color: rgb(221, 221, 221);" width="105">属性名</th>
<th style="border-color: rgb(221, 221, 221);" width="107">英文</th>
<th style="border-color: rgb(221, 221, 221);" width="218">英文含义</th>
<th style="border-color: rgb(221, 221, 221);" width="193">取值</th>
<th style="border-color: rgb(221, 221, 221);" width="169">应用场景</th>
</tr></thead>
<tbody>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">src</td>
<td style="border-color: rgb(221, 221, 221);" width="107">SouRCe</td>
<td style="border-color: rgb(221, 221, 221);" width="218">资源位置</td>
<td style="border-color: rgb(221, 221, 221);" width="193">资源的路径</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">border</td>
<td style="border-color: rgb(221, 221, 221);" width="107">border</td>
<td style="border-color: rgb(221, 221, 221);" width="218">边框</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">size</td>
<td style="border-color: rgb(221, 221, 221);" width="107">size</td>
<td style="border-color: rgb(221, 221, 221);" width="218">尺寸</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">width</td>
<td style="border-color: rgb(221, 221, 221);" width="107">width</td>
<td style="border-color: rgb(221, 221, 221);" width="218">宽度</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">height</td>
<td style="border-color: rgb(221, 221, 221);" width="107">height</td>
<td style="border-color: rgb(221, 221, 221);" width="218">高度</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">bgcolor</td>
<td style="border-color: rgb(221, 221, 221);" width="107">BackGround COLOR</td>
<td style="border-color: rgb(221, 221, 221);" width="218">背景颜色</td>
<td style="border-color: rgb(221, 221, 221);" width="193">颜色值：rea或#ffffff</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">background</td>
<td style="border-color: rgb(221, 221, 221);" width="107">background</td>
<td style="border-color: rgb(221, 221, 221);" width="218">背景图片</td>
<td style="border-color: rgb(221, 221, 221);" width="193">图片路径</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">list-style</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style</td>
<td style="border-color: rgb(221, 221, 221);" width="218">设置列表的所有属性</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">列表</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">list-style-image</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style-image</td>
<td style="border-color: rgb(221, 221, 221);" width="218">将图像设置为列表项标记</td>
<td style="border-color: rgb(221, 221, 221);" width="193">None<br>url</td>
<td style="border-color: rgb(221, 221, 221);" width="169">列表</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">list-style-type</td>
<td style="border-color: rgb(221, 221, 221);" width="107">list-style-type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">设置列表项标记的类型</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Disc(实心圆)<br>Cirle(空心圆)<br>Square(实心方块)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">列表</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">line-height</td>
<td style="border-color: rgb(221, 221, 221);" width="107">line-height</td>
<td style="border-color: rgb(221, 221, 221);" width="218">行高(行间距)</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">布局多行文本</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">text-align</td>
<td style="border-color: rgb(221, 221, 221);" width="107">text-align</td>
<td style="border-color: rgb(221, 221, 221);" width="218">对齐方式</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Left、right、center</td>
<td style="border-color: rgb(221, 221, 221);" width="169">各种元素对齐</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">letter-spacing</td>
<td style="border-color: rgb(221, 221, 221);" width="107">letter-spacing</td>
<td style="border-color: rgb(221, 221, 221);" width="218">字符间距</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">加大字符间间隔</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">text-decoration</td>
<td style="border-color: rgb(221, 221, 221);" width="107">text-decoration</td>
<td style="border-color: rgb(221, 221, 221);" width="218">文本修饰</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Underline、none</td>
<td style="border-color: rgb(221, 221, 221);" width="169">加下划线、中划线等</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">margin-top<br>(right、bottom、left)</td>
<td style="border-color: rgb(221, 221, 221);" width="107"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="218">外边距</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">padding-top<br>(right、bottom、left)</td>
<td style="border-color: rgb(221, 221, 221);" width="107"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="218">内边距</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(像素)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">display</td>
<td style="border-color: rgb(221, 221, 221);" width="107">display</td>
<td style="border-color: rgb(221, 221, 221);" width="218">改变块级元素与行内元素的默认显示方式</td>
<td style="border-color: rgb(221, 221, 221);" width="193">block(行变块)<br>inline(块变行)<br>none(该元素不显示在网页中)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">position</td>
<td style="border-color: rgb(221, 221, 221);" width="107">position</td>
<td style="border-color: rgb(221, 221, 221);" width="218">定位</td>
<td style="border-color: rgb(221, 221, 221);" width="193">static(静态定位)<br>relative(相对定位)<br>absolute(绝对定位)<br>fixed(固定定位)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">用于定位</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">float</td>
<td style="border-color: rgb(221, 221, 221);" width="107">float</td>
<td style="border-color: rgb(221, 221, 221);" width="218">浮动</td>
<td style="border-color: rgb(221, 221, 221);" width="193">None、left、right</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">clear</td>
<td style="border-color: rgb(221, 221, 221);" width="107">clear</td>
<td style="border-color: rgb(221, 221, 221);" width="218">处理浮动塌陷</td>
<td style="border-color: rgb(221, 221, 221);" width="193">left(清除左边浮动)<br>right(清除右边浮动)<br>both(清除两边浮动)<br>none(不清除浮动)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">type</td>
<td style="border-color: rgb(221, 221, 221);" width="107">type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">列表类型</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Disc(实心圆)<br>Cirle(空心圆)<br>Square(实心方块)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">用于列表</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">align</td>
<td style="border-color: rgb(221, 221, 221);" width="107">align</td>
<td style="border-color: rgb(221, 221, 221);" width="218">对齐</td>
<td style="border-color: rgb(221, 221, 221);" width="193">Left、right、center<br>top、middle、bottom</td>
<td style="border-color: rgb(221, 221, 221);" width="169">段落内容水平对齐文字与图片垂直对齐</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">type</td>
<td style="border-color: rgb(221, 221, 221);" width="107">type</td>
<td style="border-color: rgb(221, 221, 221);" width="218">表单元素类型</td>
<td style="border-color: rgb(221, 221, 221);" width="193">text(文本)<br>checkbox(复选)<br>radio(单选)<br>password(密码)<br>file(文件)<br>submit(提交)<br>reset(重置)<br>button(按钮)<br>image(图片按钮)<br>hidden(隐藏)<br>
</td>
<td style="border-color: rgb(221, 221, 221);" width="169">表单元素</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">method</td>
<td style="border-color: rgb(221, 221, 221);" width="107">method</td>
<td style="border-color: rgb(221, 221, 221);" width="218">表单数据的提交方式</td>
<td style="border-color: rgb(221, 221, 221);" width="193">get<br>post</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">alt</td>
<td style="border-color: rgb(221, 221, 221);" width="107">alter</td>
<td style="border-color: rgb(221, 221, 221);" width="218">改变、替换(图片不显示时提示信息)</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">图片</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">cellpadding</td>
<td style="border-color: rgb(221, 221, 221);" width="107">cell padding</td>
<td style="border-color: rgb(221, 221, 221);" width="218">单元格内边距</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字</td>
<td style="border-color: rgb(221, 221, 221);" width="169">表格</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">cellspacing</td>
<td style="border-color: rgb(221, 221, 221);" width="107">cell spacing</td>
<td style="border-color: rgb(221, 221, 221);" width="218">单元格之间距离</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字</td>
<td style="border-color: rgb(221, 221, 221);" width="169">表格</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">href</td>
<td style="border-color: rgb(221, 221, 221);" width="107">Hypertext REFerence</td>
<td style="border-color: rgb(221, 221, 221);" width="218">超文本引用(跳转到文件位置)</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">rel</td>
<td style="border-color: rgb(221, 221, 221);" width="107">RELationship</td>
<td style="border-color: rgb(221, 221, 221);" width="218">关系(用于定义链接的文件和HTML文档之间的关系)</td>
<td style="border-color: rgb(221, 221, 221);" width="193">StyleSheet样式表</td>
<td style="border-color: rgb(221, 221, 221);" width="169">link链接一个文件时</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">target</td>
<td style="border-color: rgb(221, 221, 221);" width="107">target</td>
<td style="border-color: rgb(221, 221, 221);" width="218">目标(网页打开的位置)</td>
<td style="border-color: rgb(221, 221, 221);" width="193">_blank(新窗口打开)<br>_self(自身窗口打开)<br>_top(以整个浏览器作业作为窗口显示新页面)<br>_parent(在父窗口中打开新的页面)</td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">colspan</td>
<td style="border-color: rgb(221, 221, 221);" width="107">COLumn span</td>
<td style="border-color: rgb(221, 221, 221);" width="218">单元格跨列</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(跨的列数)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">表格</td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">rowspan</td>
<td style="border-color: rgb(221, 221, 221);" width="107">row span</td>
<td style="border-color: rgb(221, 221, 221);" width="218">单元格跨行</td>
<td style="border-color: rgb(221, 221, 221);" width="193">数字(跨的行数)</td>
<td style="border-color: rgb(221, 221, 221);" width="169">表格</td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">readonly</td>
<td style="border-color: rgb(221, 221, 221);" width="107">read only</td>
<td style="border-color: rgb(221, 221, 221);" width="218">只读</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">value</td>
<td style="border-color: rgb(221, 221, 221);" width="107">value</td>
<td style="border-color: rgb(221, 221, 221);" width="218">输入框的初始值</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">maxlength</td>
<td style="border-color: rgb(221, 221, 221);" width="107">max length</td>
<td style="border-color: rgb(221, 221, 221);" width="218">最大长度</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169"><br></td>
</tr>
<tr class="even">
<td style="border-color: rgb(221, 221, 221);" width="105">scrolldelay</td>
<td style="border-color: rgb(221, 221, 221);" width="107">scroll delay</td>
<td style="border-color: rgb(221, 221, 221);" width="218">滚动延时</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">< m arquee></td>
</tr>
<tr class="odd">
<td style="border-color: rgb(221, 221, 221);" width="105">direction</td>
<td style="border-color: rgb(221, 221, 221);" width="107">direction</td>
<td style="border-color: rgb(221, 221, 221);" width="218">方向(滚动方向)</td>
<td style="border-color: rgb(221, 221, 221);" width="193"><br></td>
<td style="border-color: rgb(221, 221, 221);" width="169">< m arquee</td>
</tr>
</tbody>
</table>
<h2 id="选择器">
<br><br>
</h2>
</div></div><p>Atas ialah kandungan terperinci html常用标签及属性. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p>
</div>
</div>
<div class="wzconShengming_sp">
<div class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
</div>
</div>
<ins class="adsbygoogle"
style="display:block"
data-ad-format="autorelaxed"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="2507867629"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<div class="AI_ToolDetails_main4sR">
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-5902227090019525"
data-ad-slot="3653428331"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<!-- <div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780570.html" title="R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780641.html" title="R.E.P.O. Tetapan grafik terbaik" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Tetapan grafik terbaik</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796785841.html" title="Assassin's Creed Shadows: Penyelesaian Riddle Seashell" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Penyelesaian Riddle Seashell</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796789525.html" title="Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini" class="phpgenera_Details_mainR4_bottom_title">Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780618.html" title="Akan R.E.P.O. Ada Crossplay?" class="phpgenera_Details_mainR4_bottom_title">Akan R.E.P.O. Ada Crossplay?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div> -->
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat AI Hot</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
<h3>Undresser.AI Undress</h3>
</a>
<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
<h3>AI Clothes Remover</h3>
</a>
<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
<h3>Undress AI Tool</h3>
</a>
<p>Gambar buka pakaian secara percuma</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
<h3>Clothoff.io</h3>
</a>
<p>Penyingkiran pakaian AI</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title">
<h3>AI Hentai Generator</h3>
</a>
<p>Menjana ai hentai secara percuma.</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Artikel Panas</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780570.html" title="R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780641.html" title="R.E.P.O. Tetapan grafik terbaik" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Tetapan grafik terbaik</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796785841.html" title="Assassin's Creed Shadows: Penyelesaian Riddle Seashell" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Penyelesaian Riddle Seashell</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>3 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796789525.html" title="Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini" class="phpgenera_Details_mainR4_bottom_title">Apa yang Baru di Windows 11 KB5054979 & Cara Memperbaiki Masalah Kemas Kini</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>2 minggu yang lalu</span>
<span>By DDD</span>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/1796780618.html" title="Akan R.E.P.O. Ada Crossplay?" class="phpgenera_Details_mainR4_bottom_title">Akan R.E.P.O. Ada Crossplay?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<span>1 bulan yang lalu</span>
<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ms/article.html">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hottools2.png" alt="" />
<h2>Alat panas</h2>
</div>
<div class="phpgenera_Details_mainR3_bottom">
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
<h3>Notepad++7.3.1</h3>
</a>
<p>Editor kod yang mudah digunakan dan percuma</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Cina</h3>
</a>
<p>Versi Cina, sangat mudah digunakan</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
<h3>Hantar Studio 13.0.1</h3>
</a>
<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
<h3>Dreamweaver CS6</h3>
</a>
<p>Alat pembangunan web visual</p>
</div>
</div>
<div class="phpmain_tab2_mids_top">
<a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
</a>
<div class="phpmain_tab2_mids_info">
<a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
<h3>SublimeText3 versi Mac</h3>
</a>
<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4">
<div class="phpmain1_4R_readrank">
<div class="phpmain1_4R_readrank_top">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/hotarticle2.png" alt="" />
<h2>Topik panas</h2>
</div>
<div class="phpgenera_Details_mainR4_bottom">
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>7549</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>15</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>1382</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>52</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/steamdzhmcssmgs" title="Apakah format nama akaun stim" class="phpgenera_Details_mainR4_bottom_title">Apakah format nama akaun stim</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>83</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>11</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/winactivationkeyper" title="kunci pengaktifan win11 kekal" class="phpgenera_Details_mainR4_bottom_title">kunci pengaktifan win11 kekal</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>58</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>19</span>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR4_bottoms">
<a href="https://www.php.cn/ms/faq/newyorktimesdailybrief" title="Sambungan NYT menunjukkan dan jawapan" class="phpgenera_Details_mainR4_bottom_title">Sambungan NYT menunjukkan dan jawapan</a>
<div class="phpgenera_Details_mainR4_bottoms_info">
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/eyess.png" alt="" />
<span>22</span>
</div>
<div class="phpgenera_Details_mainR4_bottoms_infos">
<img src="/static/imghw/tiezi.png" alt="" />
<span>90</span>
</div>
</div>
</div>
</div>
<div class="phpgenera_Details_mainR3_more">
<a href="https://www.php.cn/ms/faq/zt">Tunjukkan Lagi</a>
</div>
</div>
</div>
</div>
</div>
<div class="Article_Details_main2">
<div class="phpgenera_Details_mainL4">
<div class="phpmain1_2_top">
<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
src="/static/imghw/index2_title2.png" alt="" /></a>
</div>
<div class="phpgenera_Details_mainL4_info">
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600245.html" title="Sempadan Jadual dalam HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416492486715.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Sempadan Jadual dalam HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600245.html" title="Sempadan Jadual dalam HTML" class="phphistorical_Version2_mids_title">Sempadan Jadual dalam HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600238.html" title="HTML jidar-kiri" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416482056439.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="HTML jidar-kiri" />
</a>
<a href="https://www.php.cn/ms/faq/1796600238.html" title="HTML jidar-kiri" class="phphistorical_Version2_mids_title">HTML jidar-kiri</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:48 PM</span>
<p class="Articlelist_txts_p">Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600244.html" title="Jadual Bersarang dalam HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416491283996.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Jadual Bersarang dalam HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600244.html" title="Jadual Bersarang dalam HTML" class="phphistorical_Version2_mids_title">Jadual Bersarang dalam HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600271.html" title="Susun Atur Jadual HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416543391948.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Susun Atur Jadual HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600271.html" title="Susun Atur Jadual HTML" class="phphistorical_Version2_mids_title">Susun Atur Jadual HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600269.html" title="Pemegang Tempat Input HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416542577781.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Pemegang Tempat Input HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600269.html" title="Pemegang Tempat Input HTML" class="phphistorical_Version2_mids_title">Pemegang Tempat Input HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:54 PM</span>
<p class="Articlelist_txts_p">Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600210.html" title="Senarai Tertib HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416432927533.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Senarai Tertib HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600210.html" title="Senarai Tertib HTML" class="phphistorical_Version2_mids_title">Senarai Tertib HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:43 PM</span>
<p class="Articlelist_txts_p">Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600227.html" title="Memindahkan Teks dalam HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416455153019.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Memindahkan Teks dalam HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600227.html" title="Memindahkan Teks dalam HTML" class="phphistorical_Version2_mids_title">Memindahkan Teks dalam HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:45 PM</span>
<p class="Articlelist_txts_p">Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.</p>
</div>
<div class="phphistorical_Version2_mids">
<a href="https://www.php.cn/ms/faq/1796600246.html" title="Butang onclick HTML" class="phphistorical_Version2_mids_img">
<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/202409/04/2024090416493797970.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Butang onclick HTML" />
</a>
<a href="https://www.php.cn/ms/faq/1796600246.html" title="Butang onclick HTML" class="phphistorical_Version2_mids_title">Butang onclick HTML</a>
<span class="Articlelist_txts_time">Sep 04, 2024 pm 04:49 PM</span>
<p class="Articlelist_txts_p">Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.</p>
</div>
</div>
<a href="https://www.php.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
<span>See all articles</span>
<img src="/static/imghw/down_right.png" alt="" />
</a>
</div>
</div>
</div>
</main>
<footer>
<div class="footer">
<div class="footertop">
<img src="/static/imghw/logo.png" alt="">
<p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
</div>
<div class="footermid">
<a href="https://www.php.cn/ms/about/us.html">Tentang kita</a>
<a href="https://www.php.cn/ms/about/disclaimer.html">Penafian</a>
<a href="https://www.php.cn/ms/update/article_0_1.html">Sitemap</a>
</div>
<div class="footerbottom">
<p>
© php.cn All rights reserved
</p>
</div>
</div>
</footer>
<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>
<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1744936963"></script>
<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' />
<script type='text/javascript' src='/static/js/viewer.min.js?1'></script>
<script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script>
<script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function () {
var u = "https://tongji.php.cn/";
_paq.push(['setTrackerUrl', u + 'matomo.php']);
_paq.push(['setSiteId', '9']);
var d = document,
g = d.createElement('script'),
s = d.getElementsByTagName('script')[0];
g.async = true;
g.src = u + 'matomo.js';
s.parentNode.insertBefore(g, s);
})();
</script>
<script>
// top
layui.use(function () {
var util = layui.util;
util.fixbar({
on: {
mouseenter: function (type) {
layer.tips(type, this, {
tips: 4,
fixed: true,
});
},
mouseleave: function (type) {
layer.closeAll("tips");
},
},
});
});
document.addEventListener("DOMContentLoaded", (event) => {
// 定义一个函数来处理滚动链接的点击事件
function setupScrollLink(scrollLinkId, targetElementId) {
const scrollLink = document.getElementById(scrollLinkId);
const targetElement = document.getElementById(targetElementId);
if (scrollLink && targetElement) {
scrollLink.addEventListener("click", (e) => {
e.preventDefault(); // 阻止默认链接行为
targetElement.scrollIntoView({
behavior: "smooth"
}); // 平滑滚动到目标元素
});
} else {
console.warn(
`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
);
}
}
// 使用该函数设置多个滚动链接
setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
// 可以继续添加更多的滚动链接设置
});
window.addEventListener("scroll", function () {
var fixedElement = document.getElementById("Article_Details_main1Lmain");
var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
var scrollHeight = document.documentElement.scrollHeight; // 页面总高度
// 计算距离底部的距离
var distanceToBottom = scrollHeight - scrollTop - clientHeight;
// 当距离底部小于或等于300px时，取消固定定位
if (distanceToBottom <= 980) {
fixedElement.classList.remove("Article_Details_main1Lmain");
fixedElement.classList.add("Article_Details_main1Lmain_relative");
} else {
// 否则，保持固定定位
fixedElement.classList.remove("Article_Details_main1Lmain_relative");
fixedElement.classList.add("Article_Details_main1Lmain");
}
});
</script>
</body>
</html> |
