HTML 是所有网页制作技术的核心和基础，也是每个网页制作者必须掌握的基本知识，而 html 标签是 html 语言中最基本的单位，是 HTML 最重要的组成部分。
创新互联专注于新乡网站建设服务及定制，我们拥有丰富的企业做网站经验。 热诚为您提供新乡营销型网站建设，新乡网站制作、新乡网页设计、新乡网站官网定制、微信小程序开发服务，打造新乡网络公司原创品牌,更为您提供新乡网站排名全网营销落地服务。
初学者首先要知道 HTML 标签的一些特点：
HTML 标签是与大小写无关的，例如“
实例
P 是段落标签,HTML标签不区分大小写
意思是一样的，推荐使用小写。
尝试一下 »
注：HTML 标签对大小写不敏感，但推荐使用小写！
HTML 标签一般是成对出现的，由开始标签如
单闭合标签
字体效果
|
标签 |
功能 |
... |
标题字(最大) |
... |
标题字(最小) |
| ... |
粗体字 |
| ... |
粗体字(强调) |
| ... |
斜体字 |
| ... |
斜体字(强调) |
| ... |
斜体字(表示定义) |
| ... |
底线 |
| ... |
底线(表示插入文字) |
... |
横线 |
... |
删除线 |
... |
删除线(表示删除) |
| ... |
键盘文字 |
| ... |
打字体 |
| <![CDATA[...]]> |
固定宽度字体(在文件中空白、换行、定位功能有效) |
| <![CDATA[...</plaintext></td>
<td>固定宽度字体(不执行标记符号)</td>
</tr>
<tr>
<td><listing>...</listing></td>
<td>固定宽度小字体</td>
</tr>
<tr>
<td><font color=00ff00>...</font></td>
<td>字体颜色</td>
</tr>
<tr>
<td><font size=1>...</font></td>
<td>最小字体</td>
</tr>
<tr>
<td><font style =font-size:100 px>...</font></td>
<td>无限增大</td>
</tr>
</tbody>
</table>
<h2>区断标记</h2>
<table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><hr></td>
<td>水平线</td>
</tr>
<tr>
<td><hr size=9></td>
<td>水平线(设定大小)</td>
</tr>
<tr>
<td><hr width=80%></td>
<td>水平线(设定宽度)</td>
</tr>
<tr>
<td><hr color=ff0000></td>
<td>水平线(设定颜色)</td>
</tr>
<tr>
<td><br></td>
<td>(换行)</td>
</tr>
<tr>
<td><nobr>...</nobr></td>
<td>水域(不换行)</td>
</tr>
<tr>
<td><p>...</p></td>
<td>水域(段落)</td>
</tr>
<tr>
<td><center>...</center></td>
<td>置中</td>
</tr>
</tbody>
</table>
<h2>链接</h2>
<table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><base href=地址></td>
<td>(预设好连结路径)</td>
</tr>
<tr>
<td><a href=地址></a></td>
<td>外部连结</td>
</tr>
<tr>
<td><a href=地址 target=_blank></a></td>
<td>外部连结(另开新窗口)</td>
</tr>
<tr>
<td><a href=地址 target=_top></a></td>
<td>外部连结(全窗口连结)</td>
</tr>
<tr>
<td><a href=地址 target=页框名></a></td>
<td>外部连结(在指定页框连结)</td>
</tr>
</tbody>
</table>
<h2>图像/音乐</h2>
<table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><img src=图片地址></td>
<td>贴图</td>
</tr>
<tr>
<td><img src=图片地址 width=180></td>
<td>设定图片宽度</td>
</tr>
<tr>
<td><img src=图片地址 height=30></td>
<td>设定图片高度</td>
</tr>
<tr>
<td><img src=图片地址 alt=提示文字></td>
<td>设定图片提示文字</td>
</tr>
<tr>
<td><img src=图片地址 border=1></td>
<td>设定图片边框</td>
</tr>
<tr>
<td><bgsound src=MID音乐文件地址></td>
<td>背景音乐设定</td>
</tr>
</tbody>
</table>
<h2>表格</h2>
<table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><table align=left>...</table></td>
<td>表格位置,置左</td>
</tr>
<tr>
<td><table align=center>...</table></td>
<td>表格位置,置中</td>
</tr>
<tr>
<td><table background=图片路径>...</table></td>
<td>背景图片的URL=就是路径网址</td>
</tr>
<tr>
<td><table border=边框大小>...</table></td>
<td>设定表格边框大小(使用数字)</td>
</tr>
<tr>
<td><table bgcolor=颜色码>...</table></td>
<td>设定表格的背景颜色</td>
</tr>
<tr>
<td><table borderclor=颜色码>...</table></td>
<td>设定表格边框的颜色</td>
</tr>
<tr>
<td><table borderclordark=颜色码>...</table></td>
<td>设定表格暗边框的颜色</td>
</tr>
<tr>
<td><table borderclorlight=颜色码>...</table></td>
<td>设定表格亮边框的颜色</td>
</tr>
<tr>
<td><table cellpadding=参数>...</table></td>
<td>指定内容与网格线之间的间距(使用数字)</td>
</tr>
<tr>
<td><table cellspacing=参数>...</table></td>
<td>指定网格线与网格线之间的距离(使用数字)</td>
</tr>
<tr>
<td><table cols=参数>...</table></td>
<td>指定表格的栏数</td>
</tr>
<tr>
<td><table frame=参数>...</table></td>
<td>设定表格外框线的显示方式</td>
</tr>
<tr>
<td><table width=宽度>...</table></td>
<td>指定表格的宽度大小(使用数字)</td>
</tr>
<tr>
<td><table height=高度>...</table></td>
<td>指定表格的高度大小(使用数字)</td>
</tr>
<tr>
<td><td colspan=参数>...</td></td>
<td>指定储存格合并栏的栏数(使用数字)</td>
</tr>
<tr>
<td><td rowspan=参数>...</td></td>
<td>指定储存格合并列的列数(使用数字)</td>
</tr>
</tbody>
</table>
<p>分割窗口 </p><table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><frameset cols="20%,* "></td>
<td>左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整</td>
</tr>
<tr>
<td><frameset rows="20%,* "></td>
<td>上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整</td>
</tr>
<tr>
<td><frameset cols="20%,* "></td>
<td>分割左右两个框架</td>
</tr>
<tr>
<td><frameset cols="20%,*,20% "></td>
<td>分割左中右三个框架</td>
</tr>
<tr>
<td><frameset rows="20%,*,20% "></td>
<td>分割上中下三个框架</td>
</tr>
<tr>
<td><! - - ... - -></td>
<td>批注</td>
</tr>
<tr>
<td><a href target></td>
<td>指定超级链接的分割窗口</td>
</tr>
<tr>
<td><a href=#锚的名称></td>
<td>指定锚名称的超级链接</td>
</tr>
<tr>
<td><a href></td>
<td>指定超级链接</td>
</tr>
<tr>
<td><a name=锚的名称></td>
<td>被连结点的名称</td>
</tr>
<tr>
<td><address>....</address></td>
<td>用来显示电子邮箱地址</td>
</tr>
<tr>
<td><b>...</b></td>
<td>粗体字</td>
</tr>
<tr>
<td><base target></td>
<td>指定超级链接的分割窗口</td>
</tr>
<tr>
<td><basefont size></td>
<td>更改预设字形大小</td>
</tr>
<tr>
<td><bgsound src></td>
<td>加入背景音乐</td>
</tr>
<tr>
<td><big></td>
<td>显示大字体</td>
</tr>
<tr>
<td><blink></td>
<td>闪烁的文字</td>
</tr>
<tr>
<td><body text link vlink></td>
<td>设定文字颜色</td>
</tr>
<tr>
<td><body></td>
<td>显示本文</td>
</tr>
<tr>
<td><br></td>
<td>换行</td>
</tr>
<tr>
<td><caption align></td>
<td>设定表格标题位置</td>
</tr>
<tr>
<td><caption>...</caption></td>
<td>为表格加上标题</td>
</tr>
<tr>
<td><center></td>
<td>向中对齐</td>
</tr>
<tr>
<td><cite>...<cite></td>
<td>用于引经据典的文字</td>
</tr>
<tr>
<td><code>...</code></td>
<td>用于列出一段程序代码</td>
</tr>
<tr>
<td><comment>...</comment></td>
<td>加上批注</td>
</tr>
<tr>
<td><dd></td>
<td>设定定义列表的项目解说</td>
</tr>
<tr>
<td><dfn>...</dfn></td>
<td>显示"定义 "文字</td>
</tr>
<tr>
<td><dir>...</dir></td>
<td>列表文字卷标</td>
</tr>
<tr>
<td><dl>...</dl></td>
<td>设定定义列表的卷标</td>
</tr>
<tr>
<td><dt></td>
<td>设定定义列表的项目</td>
</tr>
<tr>
<td><em></td>
<td>强调之用</td>
</tr>
<tr>
<td><font face></td>
<td>任意指定所用的字形</td>
</tr>
<tr>
<td><font size></td>
<td>设定字体大小</td>
</tr>
<tr>
<td><form action></td>
<td>设定户动式窗体的处理方式</td>
</tr>
<tr>
<td><form method></td>
<td>设定户动式窗体之资料传送方式</td>
</tr>
<tr>
<td><frame marginheight></td>
<td>设定窗口的上下边界</td>
</tr>
<tr>
<td><frame marginwidth></td>
<td>设定窗口的左右边界</td>
</tr>
<tr>
<td><frame name></td>
<td>为分割窗口命名</td>
</tr>
<tr>
<td><frame noresize></td>
<td>锁住分割窗口的大小</td>
</tr>
<tr>
<td><frame scrolling></td>
<td>设定分割窗口的滚动条</td>
</tr>
<tr>
<td><frame src></td>
<td>将 HTML 文件加入窗口</td>
</tr>
<tr>
<td><frameset cols></td>
<td>将窗口分割成左右的子窗口</td>
</tr>
<tr>
<td><frameset rows></td>
<td>将窗口分割成上下的子窗口</td>
</tr>
<tr>
<td><frameset>...</frameset></td>
<td>划分分割窗口</td>
</tr>
<tr>
<td><h1>~<h6></td>
<td>设定文字大小</td>
</tr>
<tr>
<td><head>...</head></td>
<td>标示文件信息</td>
</tr>
<tr>
<td><hr></td>
<td>加上分网格线</td>
</tr>
<tr>
<td><html>...</html></td>
<td>文件的开始与结束</td>
</tr>
<tr>
<td><i>...</i></td>
<td>斜体字</td>
</tr>
<tr>
<td><img align></td>
<td>调整图形影像的位置</td>
</tr>
<tr>
<td><img alt></td>
<td>为你的图形影像加注</td>
</tr>
<tr>
<td><img dynsrc loop></td>
<td>加入影片</td>
</tr>
<tr>
<td><img height width></td>
<td>插入图片并预设图形大小</td>
</tr>
<tr>
<td><img hspace></td>
<td>插入图片并预设图形的左右边界</td>
</tr>
<tr>
<td><img lowsrc></td>
<td>预载图片功能</td>
</tr>
<tr>
<td><img src border></td>
<td>设定图片边界</td>
</tr>
<tr>
<td><img src></td>
<td>插入图片</td>
</tr>
<tr>
<td><img vspace></td>
<td>插入图片并预设图形的上下边界</td>
</tr>
<tr>
<td><input type name value></td>
<td>在窗体中加入输入字段</td>
</tr>
<tr>
<td><isindex></td>
<td>定义查询用窗体</td>
</tr>
<tr>
<td><kbd>...</kbd></td>
<td>表示使用者输入文字</td>
</tr>
<tr>
<td><li type>...</li></td>
<td>列表的项目 ( 可指定符号 )</td>
</tr>
<tr>
<td><marquee></td>
<td>跑马灯效果</td>
</tr>
<tr>
<td><menu>...</menu></td>
<td>条列文字卷标</td>
</tr>
<tr>
<td><meta name="refresh " content url></td>
<td>自动更新文件内容</td>
</tr>
<tr>
<td><multiple></td>
<td>可同时选择多项的列表栏</td>
</tr>
<tr>
<td><noframe></td>
<td>定义不出现分割窗口的文字</td>
</tr>
<tr>
<td><ol>...</ol></td>
<td>有序号的列表</td>
</tr>
<tr>
<td><option></td>
<td>定义窗体中列表栏的项目</td>
</tr>
<tr>
<td><p align></td>
<td>设定对齐方向</td>
</tr>
<tr>
<td><p>...</p></td>
<td>分段</td>
</tr>
<tr>
<td><person>...</person></td>
<td>显示人名</td>
</tr>
<tr>
<td><pre></td>
<td>使用原有排列</td>
</tr>
<tr>
<td><samp>...</samp></td>
<td>用于引用字</td>
</tr>
<tr>
<td><select>...</select></td>
<td>在窗体中定义列表栏</td>
</tr>
<tr>
<td><small></td>
<td>显示小字体</td>
</tr>
<tr>
<td><strike></td>
<td>文字加横线</td>
</tr>
<tr>
<td><strong></td>
<td>用于加强语气</td>
</tr>
<tr>
<td><sub>...</sub></td>
<td>下标字</td>
</tr>
<tr>
<td><sup>...</sup></td>
<td>上标字</td>
</tr>
<tr>
<td><table border=n></td>
<td>调整表格的宽线高度</td>
</tr>
<tr>
<td><table cellpadding></td>
<td>调整数据域位之边界</td>
</tr>
<tr>
<td><table cellspacing></td>
<td>调整表格线的宽度</td>
</tr>
<tr>
<td><table height></td>
<td>调整表格的高度</td>
</tr>
<tr>
<td><table width></td>
<td>调整表格的宽度</td>
</tr>
<tr>
<td><table>...</table></td>
<td>产生表格的卷标</td>
</tr>
<tr>
<td><td align></td>
<td>调整表格字段之左右对齐</td>
</tr>
<tr>
<td><td bgcolor></td>
<td>设定表格字段之背景颜色</td>
</tr>
<tr>
<td><td colspan rowspan></td>
<td>表格字段的合并</td>
</tr>
<tr>
<td><td nowrap></td>
<td>设定表格字段不换行</td>
</tr>
<tr>
<td><td valign></td>
<td>调整表格字段之上下对齐</td>
</tr>
<tr>
<td><td width></td>
<td>调整表格字段宽度</td>
</tr>
<tr>
<td><td>...</td></td>
<td>定义表格的数据域位</td>
</tr>
<tr>
<td><textarea name rows cols></td>
<td>窗体中加入多少列的文字输入栏</td>
</tr>
<tr>
<td><textarea wrap></td>
<td>决定文字输入栏是自动否换行</td>
</tr>
<tr>
<td><th>...</th></td>
<td>定义表格的标头字段</td>
</tr>
<tr>
<td><title>...</title></td>
<td>文件标题</td>
</tr>
<tr>
<td><tr>...</tr></td>
<td>定义表格美一行</td>
</tr>
<tr>
<td><tt>...</tt></td>
<td>打字机字体</td>
</tr>
<tr>
<td><u>...</u></td>
<td>文字加底线</td>
</tr>
<tr>
<td><ul type>...</ul></td>
<td>无序号的列表 ( 可指定符号 )</td>
</tr>
<tr>
<td><var>...</var></td>
<td>用于显示变量</td>
</tr>
</tbody>
</table>
<h2> 跑马灯 </h2>
<table>
<tbody>
<tr>
<td>
<p><strong>标签</strong> </p></td>
<td>
<p><strong>功能</strong> </p></td>
</tr>
<tr>
<td><marquee>...</marquee></td>
<td>普通卷动</td>
</tr>
<tr>
<td><marquee behavior=slide>...</marquee></td>
<td>滑动</td>
</tr>
<tr>
<td><marquee behavior=scroll>...</marquee></td>
<td>预设卷动</td>
</tr>
<tr>
<td><marquee behavior=alternate>...</marquee></td>
<td>来回卷动</td>
</tr>
<tr>
<td><marquee direction=down>...</marquee></td>
<td>向下卷动</td>
</tr>
<tr>
<td><marquee direction=up>...</marquee></td>
<td>向上卷动</td>
</tr>
<tr>
<td><marquee direction=right>...</marquee></td>
<td>向右卷动</td>
</tr>
<tr>
<td><marquee direction=left>...</marquee></td>
<td>向左卷动</td>
</tr>
<tr>
<td><marquee loop=2>...</marquee></td>
<td>卷动次数</td>
</tr>
<tr>
<td><marquee width=180>...</marquee></td>
<td>设定宽度</td>
</tr>
<tr>
<td><marquee height=30>...</marquee></td>
<td>设定高度</td>
</tr>
<tr>
<td><marquee bgcolor=ff0000>...</marquee></td>
<td>设定背景颜色</td>
</tr>
<tr>
<td><marquee scrollamount=30>...</marquee></td>
<td>设定卷动距离</td>
</tr>
<tr>
<td><marquee scrolldelay=300>...</marquee></td>
<td>设定卷动时间</td>
</tr>
</tbody>
</table>
<p> </p><p> </p> <br>
当前文章：创新互联HTML教程：单闭合标签 <br>
网站路径：<a href="http://www.cdxtjz.cn/article/dhhgpce.html">http://www.cdxtjz.cn/article/dhhgpce.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/cdhcpdg.html">买一个云服务器多少钱？如何选择适合自己的云主机？</a>
</li><li>
<a href="/article/cdhcgjh.html">织梦cms适合做什么网站</a>
</li><li>
<a href="/article/cdhcpic.html">轻松学会Linux上视频播放技巧（linux如何看视频）</a>
</li><li>
<a href="/article/cdhcjpj.html">百度贴吧打不开帖子怎么办？解决方法浅析</a>
</li><li>
<a href="/article/cdhcpsp.html">区块链有服务器吗？区块链系统需要服务器吗</a>
</li> </ul>
</div>
</div>
<footer>
<div class="foot container">
<div class="footl fl">
<h3>联系我们</h3>
<dl>
您好HELLO!<br>
感谢您来到成都网站建设公司，若您有合作意向，请您为我们留言或使用以下方式联系我们，
我们将尽快给你回复，并为您提供真诚的设计服务，谢谢。
</dl>
<ul>
<li>电话：028- <span>86922220 18980695689</span></li>
<li>商务合作邮箱：631063699@qq.com</li>
<li>合作QQ： 532337155</li>
<li>成都网站设计地址：成都市青羊区锣锅巷31号五金站写字楼6楼</li>
</ul>
</div>
<div class="footr fr">
<h3>小谭建站工作室</h3>
<dl>
成都小谭网站建设公司拥有多年以上互联网从业经验的团队，始终保持务实的风格，以"帮助客户成功"为已任，专注于提供对客户有价值的服务。
我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司；我们对营销、技术、管理都有自己独特见解，小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务！
</dl>
<h3>小谭观点</h3>
<dl>
相对传统的成都网站建设公司而言，小谭是互联网中的网站品牌策划，我们精于企业品牌与互联网相结合的整体战略服务。<br>
我们始终认为，网站必须注入企业基因，真正使网站成为企业vi的一部分，让整个网站品牌策划体系变的深入而持久。
</dl>
</div>
</div>
<div class="link">
<div class="container">
<span> 友情链接：</span>
<a href="https://www.cdhkkj.com/" title="水处理设备" target="_blank">水处理设备</a> <a href="http://www.sxpndq.cn/" title="普能电气" target="_blank">普能电气</a> <a href="https://www.cdxwcx.com/city/jiangyou/" title="江油做网站" target="_blank">江油做网站</a> <a href="https://www.cdcxhl.com/tuoguan/deyang/" title="德阳服务器托管" target="_blank">德阳服务器托管</a> <a href="http://www.cdqiyeyouxiang.com/" title="成都企业邮箱注册" target="_blank">成都企业邮箱注册</a> <a href="https://www.cdcxhl.cn/
" title="香港云主机" target="_blank">香港云主机</a> <a href="http://www.cxjianzhan.com/seo/" title="seo推广公司" target="_blank">seo推广公司</a> <a href="http://www.ghwzsj.com/" title="广东帝美豪门窗" target="_blank">广东帝美豪门窗</a> <a href="http://www.scpengan.com/" title="蓬安网站建设" target="_blank">蓬安网站建设</a> <a href="https://www.cdxwcx.com/jifang/mianyang.html" title="绵阳科技城电信IDC机房" target="_blank">绵阳科技城电信IDC机房</a>
</div>
</div>
<div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved. <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdcxhl.com/zuyong/" target=" _blank">成都服务器租用</a></div>
</footer>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>]]></plaintext></td></tr></tbody></table></div></div> |
