今天小编给大家分享一下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>
分享URL：<a href="http://cdxtjz.cn/article/gpiogp.html">http://cdxtjz.cn/article/gpiogp.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/ddgigdi.html">怎么设置mysql的编码 mysql设置编码格式</a>
</li><li>
<a href="/article/ddgigoh.html">java全国市名字代码 java 名字</a>
</li><li>
<a href="/article/ddgigde.html">java大作业简单代码 java期末大作业系统代码</a>
</li><li>
<a href="/article/ddgigcd.html">腾讯云服务器蓝屏 腾讯云服务器宕机</a>
</li><li>
<a href="/article/ddgigoo.html">帝国cms被注入代码 帝国cms调用api接口</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="http://www.36103.cn/wztg/" title="网站运维托管" target="_blank">网站运维托管</a> <a href="https://www.cdxwcx.com/wangzhan/app.html" title="app软件开发" target="_blank">app软件开发</a> <a href="http://www.cdkjz.cn/fangan/education/" title="教育培训网站建设方案" target="_blank">教育培训网站建设方案</a> <a href="http://www.cdkjz.cn/wangzhan/" title="网站推广" target="_blank">网站推广</a> <a href="http://www.dcwzsj.com/" title="德昌麦琪建站" target="_blank">德昌麦琪建站</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="小程序开发" target="_blank">小程序开发</a> <a href="http://www.huaxiangcd.com/" title="成都花箱" target="_blank">成都花箱</a> <a href="http://www.cdxwcx.cn/tuoguan/leshan.html" title="乐山服务器托管" target="_blank">乐山服务器托管</a> <a href="https://www.cdxwcx.com/city/guangan/" title="广安网站建设" target="_blank">广安网站建设</a> <a href="https://www.cdcxhl.com/shoulu/" title="免费收录网站" target="_blank">免费收录网站</a>
</div>
</div>
<div class="copy"> © Copyright 2023 <a href="http://www.cdxtjz.cn/">小谭建站工作室</a>All Rights Reserved. <a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">蜀ICP备2021004003号-2</a> <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">成都网站建设</a> / <a href="https://www.cdxwcx.com" target="_blank">响应式网站建设</a> / <a href="https://www.cdxwcx.com target=" _blank"="">定制网站建设</a> <a href="sitemap.xml" target="_blank">xml</a> <a href="sitemap.html" 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> 