html常用的标签及属性有哪些
今天小编给大家分享一下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://dzwzjz.com/article/gpiogp.html">http://dzwzjz.com/article/gpiogp.html</a>
</div>
</div>
<div class="othernews">
<h3>其他资讯</h3>
<div class="othernews_list">
<ul>
<li>
<a href="/article/doeehci.html">国内gis技术 gis技术简介</a>
</li><li>
<a href="/article/doeepdh.html">sharepoint爬网 爬取网页ppt</a>
</li><li>
<a href="/article/doeeppg.html">易优CMS目录 易优cms插件合集</a>
</li><li>
<a href="/article/doeehch.html">mysql日期怎么查询 mysql怎么查时间</a>
</li><li>
<a href="/article/doeehep.html">linux快捷键命令台 linux的快捷键和命令</a>
</li> </ul>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_content_top clear">
<div class="content_top_share fl">
<div><img src="/Public/Home/img/logo.png"></div>
<div class="top_share_content">
<dd>分享至：</dd>
<dt class="bdsharebuttonbox clear" id="share">
<a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a>
</dt>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
</div>
</div>
<div class="content_top_left fl clear">
<div class="top_left_list fl">
<dd><a href="/about/">关于我们</a></dd>
<dt>
<a href="/about/#gsjj">公司简介</a>
<a href="/about/#fzlc">发展历程</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/service/">服务项目</a></dd>
<dt>
<a href="/service/">高端网站建设</a>
<a href="/miniprogram/">小程序开发</a>
<a href="/service/app.html">APP开发</a>
<a href="/service/yingxiao.html">网络营销</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/jianzhan/">建站知识</a></dd>
<dt>
<a href="/jianzhan/">行业新闻</a>
<a href="/jianzhan/">建站学堂</a>
<a href="/jianzhan/">常见问题</a>
</dt>
</div>
<div class="top_left_list fl">
<dd><a href="/contact/">联系我们</a></dd>
<dt>
<a href="/contact/#lxwm">公司地址</a>
<a href="/contact/#rczp">人才招聘</a>
</dt>
</div>
</div>
<div class="content_top_right addressR fr">
<div class="top_right_title addressf_title">
<a href="javascript:;" class="on">成都</a>
<a href="javascript:;">达州</a>
</div>
<div class="top_right_content addressf">
<div class="right_content_li on">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt>
</div>
</div>
<div class="right_content_li">
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">电话：028-86922220</dt>
</div>
<div class="right_content_list clear">
<dd class="fl iconfont"></dd>
<dt class="fl">地址：达州市南岸区弹子石腾龙大道58号2栋21-6</dt>
</div>
</div>
</div>
</div>
</div>
<div class="link">
友情链接：
<a href="http://seo.cdkjz.cn/tuiguang/" title="成都网络推广公司" target="_blank">成都网络推广公司</a> <a href="https://www.scvps.cn/" title="网站域名" target="_blank">网站域名</a> <a href="http://www.cdxwcx.cn/tuoguan/nanchong.html" title="南充服务器托管" target="_blank">南充服务器托管</a> <a href="http://www.cqcxhl.com/" title="重庆网站设计" target="_blank">重庆网站设计</a> <a href="http://www.sclushan.com/" title="芦山网站建设" target="_blank">芦山网站建设</a> <a href="http://m.cdcxhl.cn/qiye/" title="成都企业网站建设公司" target="_blank">成都企业网站建设公司</a> <a href="http://www.shjinzhi.cn/" title="兴宏源活动板房" target="_blank">兴宏源活动板房</a> <a href="http://seo.cdcxhl.cn/" title="成都SEO公司" target="_blank">成都SEO公司</a> <a href="http://www.cdxtjz.cn/" title="成都网站建设" target="_blank">成都网站建设</a> <a href="http://www.hxwzsj.com/" title="和县翔豪网站" target="_blank">和县翔豪网站</a> </div>
</div>
<div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室
<a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a>
</div>
</div>
<!--浮窗-->
<div class="FloatingWindow clear">
<a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt><span>在线</span>咨询</dt>
</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>服务热线</dt>
</div>
<div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div>
</a>
<a href="javascript:;" class="FloatingWindow_list fr STop">
<div class="FloatingWindow_list_title">
<dd class="iconfont"></dd>
<dt>TOP</dt>
</div>
</a>
</div>
<script src="/Public/Home/js/jquery-1.8.3.min.js"></script>
<script src="/Public/Home/js/comm.js"></script>
<script src="/Public/Home/js/wow.js"></script>
<script src="/Public/Home/js/common.js"></script>
</body>
</html>
<script>
$(".cont 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> 
达州做网站
