html常用标签及属性有哪些
这篇文章主要介绍html常用标签及属性有哪些，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
成都创新互联企业建站,10余年网站建设经验，专注于网站建设技术，精于网页设计，有多年建站和网站代运营经验，设计师为客户打造网络企业风格，提供周到的建站售前咨询和贴心的售后服务。对于成都网站设计、网站制作中不同领域进行深入了解和探索，创新互联在网站建设中充分了解客户行业的需求，以灵动的思维在网页中充分展现，通过对客户行业精准市场调研，为客户提供的解决方案。
HTML中的标签及属性
HTML页面结构
| 标签 | 描述 | | 定义文档类型。 |
| 定义 HTML 文档。 |
| </td><td width="438">定义文档的标题。</td></tr><tr><td width="372"><body></td><td width="438">定义文档的主体。</td></tr><tr><td width="372"><h2> to <h7></td><td width="438">定义 HTML 标题。</td></tr><tr><td width="372"><p></td><td width="438">定义段落。</td></tr><tr><td width="372"><br></td><td width="438">定义简单的折行。</td></tr><tr><td width="372"><hr></td><td width="438">定义水平线。</td></tr><tr><td width="372"><!--...--></td><td width="438">定义注释。</td></tr></tbody></table><p><strong>表单</strong></p><table width="811"><thead><trl><th width="254">标签</th><th width="556">描述</th></tr></thead><tbody><tr><td width="254"><form></td><td width="556">定义供用户输入的 HTML 表单。</td></tr><tr><td width="254"><input></td><td width="556">定义输入控件。</td></tr><tr><td width="254"><textarea></td><td width="556">定义多行的文本输入控件。</td></tr><tr><td width="254"><button></td><td width="556">定义按钮。</td></tr><tr><td width="254"><select></td><td width="556">定义选择列表（下拉列表）。</td></tr><tr><td width="254"><optgroup></td><td width="556">定义选择列表中相关选项的组合。</td></tr><tr><td width="254"><option></td><td width="556">定义选择列表中的选项。</td></tr><tr><td width="254"><label></td><td width="556">定义 input 元素的标注。</td></tr><tr><td width="254"><fieldset></td><td width="556">定义围绕表单中元素的边框。</td></tr><tr><td width="254"><legend></td><td width="556">定义 fieldset 元素的标题。</td></tr><tr><td width="254"><datalist></td><td width="556">定义下拉列表。</td></tr><tr><td width="254"><keygen></td><td width="556">定义生成密钥。</td></tr><tr><td width="254"><output></td><td width="556">定义输出的一些类型。</td></tr></tbody></table><p><strong>框架</strong></p><table width="811"><thead><trl><th width="225">标签</th><th width="585">描述</th></tr></thead><tbody><tr><td width="225"><frame></td><td width="585">定义框架集的窗口或框架。</td></tr><tr><td width="225"><frameset></td><td width="585">定义框架集。</td></tr><tr><td width="225"><noframes></td><td width="585">定义针对不支持框架的用户的替代内容。</td></tr><tr><td width="225"><iframe></td><td width="585">定义内联框架。</td></tr></tbody></table><p><strong>图像</strong></p><table width="811"><thead><trl><th width="232">标签</th><th width="578">描述</th></tr></thead><tbody><tr><td width="232"><img></td><td width="578">定义图像。</td></tr><tr><td width="232"><map></td><td width="578">定义图像映射。</td></tr><tr><td width="232"><area></td><td width="578">定义图像地图内部的区域。</td></tr><tr><td width="232"><canvas></td><td width="578">定义图形。</td></tr><tr><td width="232"><figcaption></td><td width="578">定义 figure 元素的标题。</td></tr><tr><td width="232"><figure></td><td width="578">定义媒介内容的分组，以及它们的标题。</td></tr></tbody></table><p><strong>链接</strong></p><table width="811"><thead><trl><th width="198">标签</th><th width="612">描述</th></tr></thead><tbody><tr><td width="198"><a></td><td width="612">定义锚。</td></tr><tr><td width="198"><link></td><td width="612">定义文档与外部资源的关系。</td></tr><tr><td width="198"><nav></td><td width="612">定义导航链接。</td></tr></tbody></table><p><strong>列表</strong></p><table width="811"><thead><trl><th width="208">标签</th><th width="602">描述</th></tr></thead><tbody><tr><td width="208"><ul></td><td width="602">定义无序列表。</td></tr><tr><td width="208"><ol></td><td width="602">定义有序列表。</td></tr><tr><td width="208"><li></td><td width="602">定义列表的项目。</td></tr><tr><td width="208"><dir></td><td width="602">不赞成使用。定义目录列表。</td></tr><tr><td width="208"><dl></td><td width="602">定义定义列表。</td></tr><tr><td width="208"><dt></td><td width="602">定义定义列表中的项目。</td></tr><tr><td width="208"><dd></td><td width="602">定义定义列表中项目的描述。</td></tr><tr><td width="208"><menu></td><td width="602">定义命令的菜单/列表。</td></tr><tr><td width="208"><menuitem></td><td width="602">定义用户可以从弹出菜单调用的命令/菜单项目。</td></tr><tr><td width="208"><command></td><td width="602">定义命令按钮。</td></tr></tbody></table><p><strong>表格</strong></p><table width="811"><thead><trl><th width="239">标签</th><th width="571">描述</th></tr></thead><tbody><tr><td width="239"><table></td><td width="571">定义表格</td></tr><tr><td width="239"><caption></td><td width="571">定义表格标题。</td></tr><tr><td width="239"><th></td><td width="571">定义表格中的表头单元格。</td></tr><tr><td width="239"><tr></td><td width="571">定义表格中的行。</td></tr><tr><td width="239"><td></td><td width="571">定义表格中的单元。</td></tr><tr><td width="239"><thead></td><td width="571">定义表格中的表头内容。</td></tr><tr><td width="239"><tbody></td><td width="571">定义表格中的主体内容。</td></tr><tr><td width="239"><tfoot></td><td width="571">定义表格中的表注内容（脚注）。</td></tr><tr><td width="239"><col></td><td width="571">定义表格中一个或多个列的属性值。</td></tr><tr><td width="239"><colgroup></td><td width="571">定义表格中供格式化的列组。</td></tr></tbody></table><p><strong>样式/节</strong></p><table width="811"><thead><trl><th width="239">标签</th><th width="571">描述</th></tr></thead><tbody><tr><td width="239"><style></td><td width="571">定义文档的样式信息。</td></tr><tr><td width="239"><div></td><td width="571">定义文档中的节。</td></tr><tr><td width="239"><span></td><td width="571">定义文档中的节。</td></tr><tr><td width="239"><header></td><td width="571">定义 section 或 page 的页眉。</td></tr><tr><td width="239"><footer></td><td width="571">定义 section 或 page 的页脚。</td></tr><tr><td width="239"><section></td><td width="571">定义 section。</td></tr><tr><td width="239"><article></td><td width="571">定义文章。</td></tr><tr><td width="239"><aside></td><td width="571">定义页面内容之外的内容。</td></tr><tr><td width="239"><details></td><td width="571">定义元素的细节。</td></tr><tr><td width="239"><dialog></td><td width="571">定义对话框或窗口。</td></tr><tr><td width="239"><summary></td><td width="571">为 <details> 元素定义可见的标题。</td></tr></tbody></table><p><strong>员信息</strong></p><table width="811"><thead><trl><th width="173">标签</th><th width="637">描述</th></tr></thead><tbody><tr><td width="173"><head></td><td width="637">定义关于文档的信息。</td></tr><tr><td width="173"><meta></td><td width="637">定义关于 HTML 文档的元信息。</td></tr><tr><td width="173"><base></td><td width="637">定义页面中所有链接的默认地址或默认目标。</td></tr><tr><td width="173"><basefont></td><td width="637">不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</td></tr></tbody></table><div><div><strong>属性</strong><table width="778"><thead><tr class="header firstRow"><th width="105">属性名</th><th width="107">英文</th><th width="218">英文含义</th><th width="193">取值</th><th width="169">应用场景</th></tr></thead><tbody><tr class="odd"><td width="105">src</td><td width="107">SouRCe</td><td width="218">资源位置</td><td width="193">资源的路径</td><td width="169"><br/></td></tr><tr class="even"><td width="105">border</td><td width="107">border</td><td width="218">边框</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">size</td><td width="107">size</td><td width="218">尺寸</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">width</td><td width="107">width</td><td width="218">宽度</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">height</td><td width="107">height</td><td width="218">高度</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">bgcolor</td><td width="107">BackGround COLOR</td><td width="218">背景颜色</td><td width="193">颜色值：rea或#ffffff</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">background</td><td width="107">background</td><td width="218">背景图片</td><td width="193">图片路径</td><td width="169"><br/></td></tr><tr class="even"><td width="105">list-style</td><td width="107">list-style</td><td width="218">设置列表的所有属性</td><td width="193"><br/></td><td width="169">列表</td></tr><tr class="odd"><td width="105">list-style-image</td><td width="107">list-style-image</td><td width="218">将图像设置为列表项标记</td><td width="193">None<br/>url</td><td width="169">列表</td></tr><tr class="even"><td width="105">list-style-type</td><td width="107">list-style-type</td><td width="218">设置列表项标记的类型</td><td width="193">Disc(实心圆)<br/>Cirle(空心圆)<br/>Square(实心方块)</td><td width="169">列表</td></tr><tr class="odd"><td width="105">line-height</td><td width="107">line-height</td><td width="218">行高(行间距)</td><td width="193">数字(像素)</td><td width="169">布局多行文本</td></tr><tr class="even"><td width="105">text-align</td><td width="107">text-align</td><td width="218">对齐方式</td><td width="193">Left、right、center</td><td width="169">各种元素对齐</td></tr><tr class="odd"><td width="105">letter-spacing</td><td width="107">letter-spacing</td><td width="218">字符间距</td><td width="193">数字(像素)</td><td width="169">加大字符间间隔</td></tr><tr class="even"><td width="105">text-decoration</td><td width="107">text-decoration</td><td width="218">文本修饰</td><td width="193">Underline、none</td><td width="169">加下划线、中划线等</td></tr><tr class="odd"><td width="105">margin-top<br/>(right、bottom、left)</td><td width="107"><br/></td><td width="218">外边距</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">padding-top<br/>(right、bottom、left)</td><td width="107"><br/></td><td width="218">内边距</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">display</td><td width="107">display</td><td width="218">改变块级元素与行内元素的默认显示方式</td><td width="193">block(行变块)<br/>inline(块变行)<br/>none(该元素不显示在网页中)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">position</td><td width="107">position</td><td width="218">定位</td><td width="193">static(静态定位)<br/>relative(相对定位)<br/>absolute(绝对定位)<br/>fixed(固定定位)</td><td width="169">用于定位</td></tr><tr class="odd"><td width="105">float</td><td width="107">float</td><td width="218">浮动</td><td width="193">None、left、right</td><td width="169"><br/></td></tr><tr class="even"><td width="105">clear</td><td width="107">clear</td><td width="218">处理浮动塌陷</td><td width="193">left(清除左边浮动)<br/>right(清除右边浮动)<br/>both(清除两边浮动)<br/>none(不清除浮动)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">type</td><td width="107">type</td><td width="218">列表类型</td><td width="193">Disc(实心圆)<br/>Cirle(空心圆)<br/>Square(实心方块)</td><td width="169">用于列表</td></tr><tr class="even"><td width="105">align</td><td width="107">align</td><td width="218">对齐</td><td width="193">Left、right、center<br/>top、middle、bottom</td><td width="169">段落内容水平对齐文字与图片垂直对齐</td></tr><tr class="odd"><td width="105">type</td><td width="107">type</td><td width="218">表单元素类型</td><td width="193">text(文本)<br/>checkbox(复选)<br/>radio(单选)<br/>password(密码)<br/>file(文件)<br/>submit(提交)<br/>reset(重置)<br/>button(按钮)<br/>image(图片按钮)<br/>hidden(隐藏)<br/></td><td width="169">表单元素</td></tr><tr class="even"><td width="105">method</td><td width="107">method</td><td width="218">表单数据的提交方式</td><td width="193">get<br/>post</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">alt</td><td width="107">alter</td><td width="218">改变、替换(图片不显示时提示信息)</td><td width="193"><br/></td><td width="169">图片</td></tr><tr class="even"><td width="105">cellpadding</td><td width="107">cell padding</td><td width="218">单元格内边距</td><td width="193">数字</td><td width="169">表格</td></tr><tr class="odd"><td width="105">cellspacing</td><td width="107">cell spacing</td><td width="218">单元格之间距离</td><td width="193">数字</td><td width="169">表格</td></tr><tr class="even"><td width="105">href</td><td width="107">Hypertext REFerence</td><td width="218">超文本引用(跳转到文件位置)</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="odd"><td width="105">rel</td><td width="107">RELationship</td><td width="218">关系(用于定义链接的文件和HTML文档之间的关系)</td><td width="193">StyleSheet样式表</td><td width="169">link链接一个文件时</td></tr><tr class="even"><td width="105">target</td><td width="107">target</td><td width="218">目标(网页打开的位置)</td><td width="193">_blank(新窗口打开)<br/>_self(自身窗口打开)<br/>_top(以整个浏览器作业作为窗口显示新页面)<br/>_parent(在父窗口中打开新的页面)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">colspan</td><td width="107">COLumn span</td><td width="218">单元格跨列</td><td width="193">数字(跨的列数)</td><td width="169">表格</td></tr><tr class="even"><td width="105">rowspan</td><td width="107">row span</td><td width="218">单元格跨行</td><td width="193">数字(跨的行数)</td><td width="169">表格</td></tr><tr class="odd"><td width="105">readonly</td><td width="107">read only</td><td width="218">只读</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="even"><td width="105">value</td><td width="107">value</td><td width="218">输入框的初始值</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="odd"><td width="105">maxlength</td><td width="107">max length</td><td width="218">最大长度</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="even"><td width="105">scrolldelay</td><td width="107">scroll delay</td><td width="218">滚动延时</td><td width="193"><br/></td><td width="169">< m arquee></td></tr><tr class="odd"><td width="105">direction</td><td width="107">direction</td><td width="218">方向(滚动方向)</td><td width="193"><br/></td><td width="169">< m arquee</td></tr></tbody></table><h3><br/></h3></div></div><p>以上是html常用标签及属性有哪些的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！</p>
<br>
文章名称：html常用标签及属性有哪些 <br>
本文URL：<a href="http://hbruida.cn/article/jcjjps.html">http://hbruida.cn/article/jcjjps.html</a>
</div>
</div>
<div class="contentr fr">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/hcojo.html">一文了解SaCaDataViz企业版和标准版的区别-创新互联</a>
</li><li>
<a href="/article/hcohp.html">小程序开发之基本配置的示例分析-创新互联</a>
</li><li>
<a href="/article/hcoco.html">Mysql中ThreadManager的作用是什么-创新互联</a>
</li><li>
<a href="/article/hcdos.html">微信小程序中怎么实现轮播图-创新互联</a>
</li><li>
<a href="/article/hcogc.html">Tomcat如何修改内存配置-创新互联</a>
</li> </ul>
</div>
</div>
</div>
<!--底部-->
<footer>
<div class="foot">
<div class="container">
<h1>小谭建站您身边的网站建设服务商</h1>
<div class="foot1">
<ul>
<li>
<dl><i class="iconfont"></i><b>地址ADDRESS</b></dl>
<p>四川-成都青羊区太升南路288号<br>
锦天国际A座10楼
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>电话/TEL</b></dl>
<p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
<a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>QQ咨询</b></dl>
<p> 244261566 (售前)<br>
631063699 (售后)
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl>
<p> service@cdcxhl.com (业务)<br>
hr@cdcxhl.com (求职)
</p>
</li>
</ul>
</div>
<div class="link">
友情链接：
<a href="https://www.xwcx.net/" title="托管服务器" target="_blank">托管服务器</a> <a href="https://www.cdcxhl.com/google.html" title="谷歌推广" target="_blank">谷歌推广</a> <a href="http://www.dmvi.cn/ser/VI/" title="成都VI设计" target="_blank">成都VI设计</a> <a href="http://www.cdxwcx.cn/" title="成都网站制作公司" target="_blank">成都网站制作公司</a> <a href="https://www.cdxwcx.com/wangzhan/mobile.html" title="手机微信网站" target="_blank">手机微信网站</a> <a href="http://www.hitbtccn.com/" title="草坪音箱" target="_blank">草坪音箱</a> <a href="http://www.zejunkj.cn/" title="泽君科技" target="_blank">泽君科技</a> <a href="https://www.cdcxhl.com/mobile.html" title="手机网站制作设计" target="_blank">手机网站制作设计</a> <a href="https://www.cdcxhl.com/yunying.html" title="网站托管运营" target="_blank">网站托管运营</a> <a href="http://www.cdhuace.com/huace.html" title="成都画册设计" target="_blank">成都画册设计</a> </div>
</div>
</div>
<div class="copy container">
Copyright © 2017-2022 All Rights Reserved. 青羊区小谭信息技术咨询服务工作室 版权所有 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2021004003号-22</a>
[原创设计,独立版权。未经许可.不得拷贝或镜像]<br>
<a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站建设</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站建设</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">宜宾网站维护</a> | (宜宾网站建设QQ : 631063699 )</div>
</footer>
<!--在线咨询-->
<div class="fot">
<ul>
<li>
<a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank">
<img src="/Public/Home/img/fot1.png" alt="建站咨询">
<p>在线咨询</p>
</a>
</li>
<li>
<a href="tel:18980820575" target="_blank">
<img src="/Public/Home/img/fot2.png" alt="建站电话">
<p>拨打电话</p>
</a>
</li>
</ul>
</div>
</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> |
