今天小编给大家分享一下html常用的标签及属性有哪些的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
锡山网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司2013年开创至今到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
HTML中的标签及属性
HTML页面结构
标签 描述
定义文档类型。
定义 HTML 文档。
定义文档的标题。</p><p><body> 定义文档的主体。</p><p><h2> to <h7> 定义 HTML 标题。</p><p><p> 定义段落。</p><p><br> 定义简单的折行。</p><p><hr> 定义水平线。</p><p><!--...--> 定义注释。</p><p>表单</p><p>标签 描述</p><p><form> 定义供用户输入的 HTML 表单。</p><p><input> 定义输入控件。</p><p><textarea> 定义多行的文本输入控件。</p><p><button> 定义按钮。</p><p><select> 定义选择列表（下拉列表）。</p><p><optgroup> 定义选择列表中相关选项的组合。</p><p><option> 定义选择列表中的选项。</p><p><label> 定义 input 元素的标注。</p><p><fieldset> 定义围绕表单中元素的边框。</p><p><legend> 定义 fieldset 元素的标题。</p><p><datalist> 定义下拉列表。</p><p><keygen> 定义生成密钥。</p><p><output> 定义输出的一些类型。</p><p>框架</p><p>标签 描述</p><p><frame> 定义框架集的窗口或框架。</p><p><frameset> 定义框架集。</p><p><noframes> 定义针对不支持框架的用户的替代内容。</p><p><iframe> 定义内联框架。</p><p>图像</p><p>标签 描述</p><p><img> 定义图像。</p><p><map> 定义图像映射。</p><p><area> 定义图像地图内部的区域。</p><p><canvas> 定义图形。</p><p><figcaption> 定义 figure 元素的标题。</p><p><figure> 定义媒介内容的分组，以及它们的标题。</p><p>链接</p><p>标签 描述</p><p><a> 定义锚。</p><p><link> 定义文档与外部资源的关系。</p><p><nav> 定义导航链接。</p><p>列表</p><p>标签 描述</p><p><ul> 定义无序列表。</p><p><ol> 定义有序列表。</p><p><li> 定义列表的项目。</p><p><dir> 不赞成使用。定义目录列表。</p><p><dl> 定义定义列表。</p><p><dt> 定义定义列表中的项目。</p><p><dd> 定义定义列表中项目的描述。</p><p><menu> 定义命令的菜单/列表。</p><p><menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。</p><p><command> 定义命令按钮。</p><p>表格</p><p>标签 描述</p><p><table> 定义表格</p><p><caption> 定义表格标题。</p><p><th> 定义表格中的表头单元格。</p><p><tr> 定义表格中的行。</p><p><td> 定义表格中的单元。</p><p><thead> 定义表格中的表头内容。</p><p><tbody> 定义表格中的主体内容。</p><p><tfoot> 定义表格中的表注内容（脚注）。</p><p><col> 定义表格中一个或多个列的属性值。</p><p><colgroup> 定义表格中供格式化的列组。</p><p>样式/节</p><p>标签 描述</p><p><style> 定义文档的样式信息。</p><p><div> 定义文档中的节。</p><p><span> 定义文档中的节。</p><p><header> 定义 section 或 page 的页眉。</p><p><footer> 定义 section 或 page 的页脚。</p><p><section> 定义 section。</p><p><article> 定义文章。</p><p><aside> 定义页面内容之外的内容。</p><p><details> 定义元素的细节。</p><p><dialog> 定义对话框或窗口。</p><p><summary> 为 <details> 元素定义可见的标题。</p><p>员信息</p><p>标签 描述</p><p><head> 定义关于文档的信息。</p><p><meta> 定义关于 HTML 文档的元信息。</p><p><base> 定义页面中所有链接的默认地址或默认目标。</p><p><basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</p><p>属性</p><p>属性名 英文 英文含义 取值 应用场景</p><p>src SouRCe 资源位置 资源的路径</p><p>border border 边框 数字(像素)</p><p>size size 尺寸 数字(像素)</p><p>width width 宽度 数字(像素)</p><p>height height 高度 数字(像素)</p><p>bgcolor BackGround COLOR 背景颜色 颜色值：rea或#ffffff</p><p>background background 背景图片 图片路径</p><p>list-style list-style 设置列表的所有属性</p><p>列表</p><p>list-style-image list-style-image 将图像设置为列表项标记 None</p><p>url 列表</p><p>list-style-type list-style-type 设置列表项标记的类型 Disc(实心圆)</p><p>Cirle(空心圆)</p><p>Square(实心方块) 列表</p><p>line-height line-height 行高(行间距) 数字(像素) 布局多行文本</p><p>text-align text-align 对齐方式 Left、right、center 各种元素对齐</p><p>letter-spacing letter-spacing 字符间距 数字(像素) 加大字符间间隔</p><p>text-decoration text-decoration 文本修饰 Underline、none 加下划线、中划线等</p><p>margin-top</p><p>(right、bottom、left)</p><p>外边距 数字(像素)</p><p>padding-top</p><p>(right、bottom、left)</p><p>内边距 数字(像素)</p><p>display display 改变块级元素与行内元素的默认显示方式 block(行变块)</p><p>inline(块变行)</p><p>none(该元素不显示在网页中)</p><p>position position 定位 static(静态定位)</p><p>relative(相对定位)</p><p>absolute(绝对定位)</p><p>fixed(固定定位) 用于定位</p><p>float float 浮动 None、left、right</p><p>clear clear 处理浮动塌陷 left(清除左边浮动)</p><p>right(清除右边浮动)</p><p>both(清除两边浮动)</p><p>none(不清除浮动)</p><p>type type 列表类型 Disc(实心圆)</p><p>Cirle(空心圆)</p><p>Square(实心方块) 用于列表</p><p>align align 对齐 Left、right、center</p><p>top、middle、bottom 段落内容水平对齐文字与图片垂直对齐</p><p>type type 表单元素类型 text(文本)</p><p>checkbox(复选)</p><p>radio(单选)</p><p>password(密码)</p><p>file(文件)</p><p>submit(提交)</p><p>reset(重置)</p><p>button(按钮)</p><p>image(图片按钮)</p><p>hidden(隐藏)</p><p>表单元素</p><p>method method 表单数据的提交方式 get</p><p>post</p><p>alt alter 改变、替换(图片不显示时提示信息)</p><p>图片</p><p>cellpadding cell padding 单元格内边距 数字 表格</p><p>cellspacing cell spacing 单元格之间距离 数字 表格</p><p>href Hypertext REFerence 超文本引用(跳转到文件位置)</p><p>rel RELationship 关系(用于定义链接的文件和HTML文档之间的关系) StyleSheet样式表 link链接一个文件时</p><p>target target 目标(网页打开的位置) _blank(新窗口打开)</p><p>_self(自身窗口打开)</p><p>_top(以整个浏览器作业作为窗口显示新页面)</p><p>_parent(在父窗口中打开新的页面)</p><p>colspan COLumn span 单元格跨列 数字(跨的列数) 表格</p><p>rowspan row span 单元格跨行 数字(跨的行数) 表格</p><p>readonly read only 只读</p><p>value value 输入框的初始值</p><p>maxlength max length 最大长度</p><p>scrolldelay scroll delay 滚动延时</p><p>< m arquee></p><p>direction direction 方向(滚动方向)</p><p>< m arquee</p><p><br/><img src="/upload/otherpic56/16213.jpg" alt="html常用的标签及属性有哪些"></p><p>以上就是“html常用的标签及属性有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注创新互联行业资讯频道。</p>
<br>
文章标题：html常用的标签及属性有哪些 <br>
分享网址：<a href="http://cxhlcq.com/article/gpiogp.html">http://cxhlcq.com/article/gpiogp.html</a>
</div>
</div>
</div>
<div class="other container">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dcioihg.html">php数据流保存方法 php数据流保存方法是什么</a>
</li><li>
<a href="/article/dciogeg.html">阿里云服务器等不上去 阿里云服务器一直启动中</a>
</li><li>
<a href="/article/dciogsd.html">头条号服务器安全吗 头条号服务器安全吗可信吗</a>
</li><li>
<a href="/article/dciogjj.html">云服务器下载软件安全吗 云服务器下载文件</a>
</li><li>
<a href="/article/dciogep.html">路由器密码空 路由器密码为空怎么输入</a>
</li> </ul>
</div>
<div class="footer">
<div class="foota container">
<div class="foot_nav fl col-lg-8 col-md-8 col-sm-12 col-xs-12">
<ul>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>网站制作</h3>
<a href="http://www.cxjianzhan.com/mobile/" target="_blank">手机网站制作</a><a href="http://www.36103.cn/" target="_blank">成都网站制作</a><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank">企业网站制作</a><a href="http://www.dzwzjz.com/" target="_blank">达州网站制作</a><a href="http://www.myzwz.com/" target="_blank">绵阳网站制作</a><a href="https://www.cdcxhl.com/zhizuo/chengdu.html" target="_blank">四川成都网站制作</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>企业服务</h3>
<a href="https://www.cdcxhl.com/shoulu/" target="_blank">免费收录</a><a href="https://www.cdcxhl.com/shoulu/" target="_blank">网站快速收录</a><a href="https://www.cdcxhl.com/service/ssl.html" target="_blank">ssl证书</a><a href="https://www.cdcxhl.com/link/" target="_blank">链接买卖</a><a href="https://www.cdcxhl.com/service/licence.html" target="_blank">药房许可证</a><a href="https://www.cdcxhl.com/link/" target="_blank">买友情链接</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>网站建设</h3>
<a href="http://www.scgulin.cn/" target="_blank">古蔺网站建设</a><a href="http://www.cdkjz.cn/wangzhan/pinpai/" target="_blank">成都品牌网站建设</a><a href="http://m.cdcxhl.cn/dingzhi/" target="_blank">成都定制网站建设</a><a href="http://m.cdcxhl.cn/qiye/" target="_blank">成都网站建设公司</a><a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a><a href="http://www.cxhljz.cn/" target="_blank">成都网站建设</a> </li>
<li class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
<h3>服务器托管</h3>
<a href="https://www.cdcxhl.com/idc/zongshu.html" target="_blank">棕树服务器托管</a><a href="https://www.xwcx.net/tgxq/cdghjf.html" target="_blank">成都光华机房</a><a href="https://www.cdcxhl.com/idc/cqyd.html" target="_blank">重庆移动机房托管</a><a href="https://www.cdcxhl.com/jigui/" target="_blank">服务器机柜租用</a><a href="https://www.cdcxhl.com/idc/cqwld.html" target="_blank">重庆电信五里店机房托管</a><a href="https://www.cdcxhl.com/idc/deyang.html" target="_blank">德阳服务器托管</a> </li>
</ul>
</div>
<div class="footar fl col-lg-4 col-md-4 col-sm-12 col-xs-12">
<p>全国免费咨询:</p>
<b>400-028-6601</b>
<p>业务咨询：028-86922220 / 13518219792</p>
<p>节假值班：18980820575 / 13518219792</p>
<p>联系地址：成都市太升南路288号锦天国际A幢1002号</p>
</div>
</div>
<div class="footb">
<div class="copy container">
<div class="fl">Copyright © 成都创新互联科技有限公司重庆分公司 <a href="https://beian.miit.gov.cn/" target="_blank">渝ICP备2021005571号</a></div>
<!--<div class="fr"><a href="https://www.cdxwcx.com/" target="_blank">成都网站建设</a>：<a href="https://www.cdcxhl.com/" target="_blank">创新互联</a></div>-->
</div>
</div>
<div class="link">
<div class="container">
友情链接:：
<a href="https://www.cdcxhl.com/" target="_blank">成都网站建设</a>
<a href="https://www.cdcxhl.com/city/chongqing.html" target="_blank">重庆网站建设</a>
<a href="">四川网站建设</a>
<a href="">重庆建设网站</a>
<a href="https://www.cdxwcx.com/jifang/xiyun.html" target="_blank">移动服务器托管</a>
<a href="http://www.cdfuwuqi.com/" target="_blank">成都服务器托管</a>
<a href="https://www.cdcxhl.cn/" target="_blank">云服务器</a>
<a href="http://www.cdhuace.com/" target="_blank">广告设计制作</a>
<a href="https://www.cdcxhl.com/sheji/chongqing.html" target="_blank">重庆网页设计</a>
<a href="https://www.cdcxhl.com/zuo/chongqing.html" target="_blank">重庆做网站</a>
<a href="https://www.cdcxhl.com/zhizuo/chongqing.html" target="_blank">重庆网站制作</a>
<a href="">重庆网站建设</a>
<a href="">重庆网站公司</a>
<a href="">渝中网站制作</a>
<a href="">重庆网站设计</a>
</div>
</div>
</div>
<div class="foot">
<ul class="public-celan">
<li>
<a href="https://p.qiao.baidu.com/cps3/chatIndex?siteToken=6ce441ff9e2d6bedbdfc2a4138de449e&speedLogId=162260383240185e3_1622603832401_02407&eid=6256368&reqParam=%7B%22from%22%3A1%2C%22sessionid%22%3A%22-100%22%2C%22siteId%22%3A%2211284691%22%2C%22tid%22%3A%22-1%22%2C%22userId%22%3A%226256368%22%2C%22ttype%22%3A1%2C%22pageId%22%3A0%7D" target="_blank" class="a1 db tc">
<img src="/Public/Home/img/icon-23.png" alt="" class="db auto">
<span class="span-txt">在线咨询</span>
</a>
</li>
<li>
<a href="tel:18980820575" class="a1 db tc">
<img src="/Public/Home/img/icon-24.png" alt="" class="db auto">
<span class="span-txt">电话咨询</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="a1 db tc">
<img src="/Public/Home/img/icon-25.png" alt="" class="db auto">
<span class="span-txt">QQ咨询</span>
</a>
</li>
<li>
<a target="_blank" href="tencent://message/?uin=532337155&Site=&Menu=yes" class="a1 db tc public-yuyue-up">
<img src="/Public/Home/img/icon-26.png" alt="" class="db auto">
<span class="span-txt">预约顾问</span>
</a>
</li>
</ul>
</div>
<div class="customer">
<dl class="icon1">
<dt>
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes">
<i class="iconT"><img src="/Public/Home/img/QQ.png" alt=""></i>
<p>在线咨询</p>
</a>
</dt>
</dl>
<dl class="icon2">
<dt><i><img src="/Public/Home/img/weixin.png" alt=""></i><p>微信咨询</p></dt>
<dd><img src="/Public/Home/img/ewm.png"></dd>
</dl>
<dl class="icon3">
<dt><i><img src="/Public/Home/img/dianhua.png" alt=""></i><p>电话咨询</p></dt>
<dd>
<p>028-86922220（工作日）</p>
<p>18980820575（7×24）</p>
</dd>
</dl>
<dl class="icon4">
<dt class="sShow">
<a href="tencent://message/?uin=244261566&Site=&Menu=yes">
<i><img src="/Public/Home/img/dengji.png" alt=""></i><p>提交需求</p>
</a>
</dt>
</dl>
<dl class="icon5">
<dt class="gotop">
<a href="#top">
<i><img src="/Public/Home/img/top.png" alt=""></i><p>返回顶部</p>
</a>
</dt>
</dl>
</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> 
重庆分公司
重庆分公司