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://kswjz.com/article/gpiogp.html">http://kswjz.com/article/gpiogp.html</a>
</div>
<div class="view-qrocde cl">
<div class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
<div class="text">
<h6>扫二维码与项目经理沟通</h6>
<p>我们在微信上24小时期待你的声音</p>
<p>解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流</p>
</div>
</div>
<div class="othernews cl">
<h3>其他资讯</h3>
<ul>
<li><a href="/article/dopcpeh.html">java递归排序代码完整 java简单递归</a></li><li><a href="/article/dopcpgc.html">智能聊天体验 chat test</a></li><li><a href="/article/dopcpij.html">智能聊天回复会重复吗的简单介绍</a></li><li><a href="/article/dopcpso.html">帝国cms忘记后台密码 帝国cms安全设置</a></li><li><a href="/article/dopcpgi.html">移动云服务器安全组件 云服务器安全组是做什么用的</a></li> </ul>
</div>
</div>
</div>
<div class="sidebar">
<div class="tuijian">
<a href="#">
<h2 class="cl"><span>行业动态</span></h2>
<h3>企业网站建设的重要性！</h3>
<p>现在虽然是移动互联网时代，但企业网站依然重要，包含PC站点，移动站。可以说企业网站关系企业的未来发展和前途，尤其对中小企业更是如此，一些中小企业老板，对自己的名片很在乎，因为这是个门面。...</p>
</a>
</div>
<div class="ser sidesub">
<h2>服务项目</h2>
<ul class="ebox">
<li class="sub sub-1">
<div>
<h3>网站建设</h3>
<p></p>
<a class="btn" href="/serve/website/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>移动端/APP</h3>
<p></p>
<a class="btn" href="/serve/moblie/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>微信/小程序</h3>
<p></p>
<a class="btn" href="/serve/small/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>技术支持</h3>
<p></p>
<a class="btn" href="/serve/tech/">查看详情</a>
</div>
</li>
<li class="sub sub-1">
<div>
<h3>其它服务</h3>
<p></p>
<a class="btn" href="/serve/othe/">查看详情</a>
</div>
</li>
<li class="sub sub-5">
<div>
<h3>更多服务项目</h3>
<p> <a>用我们的专业和诚信赢得您的信赖，从PC到移动互联网均有您想要的服务！</a></p>
<a class="btn" href="/serve/">获取更多</a>
</div>
</li>
</ul>
</div>
<div class="contact" id="fix">
<h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2>
<h3>电话：13518219792</h3>
<p>如遇占线或暂未接听请拨：136xxx98888</p>
<div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">售后服务</a> </div>
</div>
</div>
<script>
//固定滚动
(function () {
var oDiv = document.getElementById("fix");
var H = 120,
iE6;
var Y = oDiv;
while (Y) {
H += Y.offsetTop;
Y = Y.offsetParent
};
iE6 = window.ActiveXObject && !window.XMLHttpRequest;
if (!iE6) {
window.onscroll = function ()
{
var s = document.body.scrollTop || document.documentElement.scrollTop;
if (s > H) {
oDiv.className = "contact fixed";
if (iE6) {
oDiv.style.top = (s - H) + "px";
}
} else {
oDiv.className = "contact ";
}
};
}
})();
</script>
</div>
<div class="footer">
<div class="wp">
<div class="wpss cl">
<dl class="about">
<dt>网站设计</dt>
<dd><a href="http://www.wjwzjz.com/" target="_blank" title="温江网站设计">温江网站设计</a></dd><dd><a href="http://m.cdcxhl.cn/mobile/" target="_blank" title="手机网站设计">手机网站设计</a></dd><dd><a href="http://www.kswcd.cn/serve/" target="_blank" title="专业网站设计">专业网站设计</a></dd><dd><a href="http://chengdu.cdcxhl.cn/dingzhi/" target="_blank" title="定制网站设计">定制网站设计</a></dd> </dl>
<dl class="about">
<dt>网站制作</dt>
<dd><a href="http://www.cxhlcq.com/zhizuo/" target="_blank" title="重庆网站制作">重庆网站制作</a></dd><dd><a href="http://chengdu.cdxwcx.cn/" target="_blank" title="成都网站制作">成都网站制作</a></dd><dd><a href="http://www.cdkjz.cn/" target="_blank" title="成都网站制作">成都网站制作</a></dd><dd><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank" title="企业网站制作">企业网站制作</a></dd> </dl>
<dl class="contact">
<dt>联系我们</dt>
<dd>电话：13518219792</dd>
<dd>邮箱：631063699@qq.com</dd>
<dd>地址：成都青羊区锦天国际1002号</dd>
<dd>网址：www.kswjz.com</dd>
</dl>
<dl class="about" style="margin-left:50px;width:235px;">
<dt>网站建设</dt>
<dd><a href="http://m.cdcxhl.com/" target="_blank" title="网站建设推广">网站建设推广</a></dd><dd><a href="http://chengdu.xwcx.net/mobile/" target="_blank" title="手机网站建设套餐">手机网站建设套餐</a></dd><dd><a href="http://www.cqcxhl.com/service/" target="_blank" title="品牌网站建设">品牌网站建设</a></dd><dd><a href="http://www.sczitong.cn/" target="_blank" title="梓潼网站建设">梓潼网站建设</a></dd> </dl>
<dl class="flow">
<dt></dt>
<div class="ma cl">
<div class="m"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二维码</p>
</div>
</div>
</dl>
</div>
</div>
<div class="footer-link wp">
<ul class="wpss cl">
<li class="fisrt">友情链接</li>
<li><a href="http://www.cdxwcx.cn/tuoguan/ershu.html" title="二枢服务器托管" target="_blank">二枢服务器托管</a></li><li><a href="http://www.gabanjia.cn/" title="广安搬家公司" target="_blank">广安搬家公司</a></li><li><a href="http://www.dmvi.cn/" title="成都广告设计公司" target="_blank">成都广告设计公司</a></li><li><a href="http://www.dcly116.com/" title="边坡防护网" target="_blank">边坡防护网</a></li><li><a href="http://m.cdcxhl.cn/mobile/
" title="移动网站建设" target="_blank">移动网站建设</a></li><li><a href="https://www.xwcx.net/tuoguan.html" title="成都IDC机房托管" target="_blank">成都IDC机房托管</a></li><li><a href="https://www.cdxwcx.com/city/wenjiang/" title="温江做网站" target="_blank">温江做网站</a></li><li><a href="http://chengdu.cdcxhl.com/dingzhi/" title="APP定制开发" target="_blank">APP定制开发</a></li><li><a href="http://chengdu.cdcxhl.cn/weihu/
" title="成都网站维护" target="_blank">成都网站维护</a></li><li><a href="http://www.cdkjz.cn/fangan/education/" title="教育培训网站建设方案" target="_blank">教育培训网站建设方案</a></li> </ul>
</div>
</div>
<div class="bot-footer">
<div class="wp">
<p class="wpss"> <em>Copyright © 2002-2023 www.kswjz.com 快上网建站品牌 QQ：244261566 版权所有</em> <em>备案号：<a href="http://beian.miit.gov.cn/" rel="external nofollow">蜀ICP备19037934号</a></em>
</p>
<p class="wpss" style="line-height:30px !important;"> </p>
</div>
</div>
<div class="footer-kefu">
<ul>
<li class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><em></em>在线咨询</a>
</li>
<li class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
<li class="wx"> <em></em>
<div class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二维码</p>
</div>
</li>
<li class="m"> <em></em>
<div class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>移动版官网</p>
</div>
</li>
<li class="top"><em></em></li>
</ul>
</div>
<script src="/Public/Home/js/all.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> 