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>
URL网址：<a href="http://pwwzsj.com/article/gpiogp.html">http://pwwzsj.com/article/gpiogp.html</a>
</div>
</div>
<div class="contentr fr">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/cdidhd.html">微信小程序如何获取javascript里的数据-创新互联</a>
</li><li>
<a href="/article/cdicog.html">Python中shapefile转换geojson的示例-创新互联</a>
</li><li>
<a href="/article/cdicod.html">【Objective-C】OC中类别(Category)基本概念与用法-创新互联</a>
</li><li>
<a href="/article/cdicop.html">python中实现倒三角的方法-创新互联</a>
</li><li>
<a href="/article/cdicos.html">CIMS的中文是什么-创新互联</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>
</div>
<div class="copy container">
Copyright © 2017-2023 All Rights Reserved. 青羊区火炬信息咨询工作室 版权所有 <a href="http://www.beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2024060174号-3</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>