成都网站建设设计

将想法与焦点和您一起共享

html常用标签及属性有哪些

这篇文章主要介绍html常用标签及属性有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

成都创新互联企业建站,10余年网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于成都网站设计、网站制作中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。

HTML中的标签及属性

HTML页面结构

标签描述
定义文档类型。
定义 HTML 文档。
</td><td width="438">定义文档的标题。</td></tr><tr><td width="372"><body></td><td width="438">定义文档的主体。</td></tr><tr><td width="372"><h2> to <h7></td><td width="438">定义 HTML 标题。</td></tr><tr><td width="372"><p></td><td width="438">定义段落。</td></tr><tr><td width="372"><br></td><td width="438">定义简单的折行。</td></tr><tr><td width="372"><hr></td><td width="438">定义水平线。</td></tr><tr><td width="372"><!--...--></td><td width="438">定义注释。</td></tr></tbody></table><p><strong>表单</strong></p><table width="811"><thead><trl><th width="254">标签</th><th width="556">描述</th></tr></thead><tbody><tr><td width="254"><form></td><td width="556">定义供用户输入的 HTML 表单。</td></tr><tr><td width="254"><input></td><td width="556">定义输入控件。</td></tr><tr><td width="254"><textarea></td><td width="556">定义多行的文本输入控件。</td></tr><tr><td width="254"><button></td><td width="556">定义按钮。</td></tr><tr><td width="254"><select></td><td width="556">定义选择列表(下拉列表)。</td></tr><tr><td width="254"><optgroup></td><td width="556">定义选择列表中相关选项的组合。</td></tr><tr><td width="254"><option></td><td width="556">定义选择列表中的选项。</td></tr><tr><td width="254"><label></td><td width="556">定义 input 元素的标注。</td></tr><tr><td width="254"><fieldset></td><td width="556">定义围绕表单中元素的边框。</td></tr><tr><td width="254"><legend></td><td width="556">定义 fieldset 元素的标题。</td></tr><tr><td width="254"><datalist></td><td width="556">定义下拉列表。</td></tr><tr><td width="254"><keygen></td><td width="556">定义生成密钥。</td></tr><tr><td width="254"><output></td><td width="556">定义输出的一些类型。</td></tr></tbody></table><p><strong>框架</strong></p><table width="811"><thead><trl><th width="225">标签</th><th width="585">描述</th></tr></thead><tbody><tr><td width="225"><frame></td><td width="585">定义框架集的窗口或框架。</td></tr><tr><td width="225"><frameset></td><td width="585">定义框架集。</td></tr><tr><td width="225"><noframes></td><td width="585">定义针对不支持框架的用户的替代内容。</td></tr><tr><td width="225"><iframe></td><td width="585">定义内联框架。</td></tr></tbody></table><p><strong>图像</strong></p><table width="811"><thead><trl><th width="232">标签</th><th width="578">描述</th></tr></thead><tbody><tr><td width="232"><img></td><td width="578">定义图像。</td></tr><tr><td width="232"><map></td><td width="578">定义图像映射。</td></tr><tr><td width="232"><area></td><td width="578">定义图像地图内部的区域。</td></tr><tr><td width="232"><canvas></td><td width="578">定义图形。</td></tr><tr><td width="232"><figcaption></td><td width="578">定义 figure 元素的标题。</td></tr><tr><td width="232"><figure></td><td width="578">定义媒介内容的分组,以及它们的标题。</td></tr></tbody></table><p><strong>链接</strong></p><table width="811"><thead><trl><th width="198">标签</th><th width="612">描述</th></tr></thead><tbody><tr><td width="198"><a></td><td width="612">定义锚。</td></tr><tr><td width="198"><link></td><td width="612">定义文档与外部资源的关系。</td></tr><tr><td width="198"><nav></td><td width="612">定义导航链接。</td></tr></tbody></table><p><strong>列表</strong></p><table width="811"><thead><trl><th width="208">标签</th><th width="602">描述</th></tr></thead><tbody><tr><td width="208"><ul></td><td width="602">定义无序列表。</td></tr><tr><td width="208"><ol></td><td width="602">定义有序列表。</td></tr><tr><td width="208"><li></td><td width="602">定义列表的项目。</td></tr><tr><td width="208"><dir></td><td width="602">不赞成使用。定义目录列表。</td></tr><tr><td width="208"><dl></td><td width="602">定义定义列表。</td></tr><tr><td width="208"><dt></td><td width="602">定义定义列表中的项目。</td></tr><tr><td width="208"><dd></td><td width="602">定义定义列表中项目的描述。</td></tr><tr><td width="208"><menu></td><td width="602">定义命令的菜单/列表。</td></tr><tr><td width="208"><menuitem></td><td width="602">定义用户可以从弹出菜单调用的命令/菜单项目。</td></tr><tr><td width="208"><command></td><td width="602">定义命令按钮。</td></tr></tbody></table><p><strong>表格</strong></p><table width="811"><thead><trl><th width="239">标签</th><th width="571">描述</th></tr></thead><tbody><tr><td width="239"><table></td><td width="571">定义表格</td></tr><tr><td width="239"><caption></td><td width="571">定义表格标题。</td></tr><tr><td width="239"><th></td><td width="571">定义表格中的表头单元格。</td></tr><tr><td width="239"><tr></td><td width="571">定义表格中的行。</td></tr><tr><td width="239"><td></td><td width="571">定义表格中的单元。</td></tr><tr><td width="239"><thead></td><td width="571">定义表格中的表头内容。</td></tr><tr><td width="239"><tbody></td><td width="571">定义表格中的主体内容。</td></tr><tr><td width="239"><tfoot></td><td width="571">定义表格中的表注内容(脚注)。</td></tr><tr><td width="239"><col></td><td width="571">定义表格中一个或多个列的属性值。</td></tr><tr><td width="239"><colgroup></td><td width="571">定义表格中供格式化的列组。</td></tr></tbody></table><p><strong>样式/节</strong></p><table width="811"><thead><trl><th width="239">标签</th><th width="571">描述</th></tr></thead><tbody><tr><td width="239"><style></td><td width="571">定义文档的样式信息。</td></tr><tr><td width="239"><div></td><td width="571">定义文档中的节。</td></tr><tr><td width="239"><span></td><td width="571">定义文档中的节。</td></tr><tr><td width="239"><header></td><td width="571">定义 section 或 page 的页眉。</td></tr><tr><td width="239"><footer></td><td width="571">定义 section 或 page 的页脚。</td></tr><tr><td width="239"><section></td><td width="571">定义 section。</td></tr><tr><td width="239"><article></td><td width="571">定义文章。</td></tr><tr><td width="239"><aside></td><td width="571">定义页面内容之外的内容。</td></tr><tr><td width="239"><details></td><td width="571">定义元素的细节。</td></tr><tr><td width="239"><dialog></td><td width="571">定义对话框或窗口。</td></tr><tr><td width="239"><summary></td><td width="571">为 <details> 元素定义可见的标题。</td></tr></tbody></table><p><strong>员信息</strong></p><table width="811"><thead><trl><th width="173">标签</th><th width="637">描述</th></tr></thead><tbody><tr><td width="173"><head></td><td width="637">定义关于文档的信息。</td></tr><tr><td width="173"><meta></td><td width="637">定义关于 HTML 文档的元信息。</td></tr><tr><td width="173"><base></td><td width="637">定义页面中所有链接的默认地址或默认目标。</td></tr><tr><td width="173"><basefont></td><td width="637">不赞成使用。定义页面中文本的默认字体、颜色或尺寸。</td></tr></tbody></table><div><div><strong>属性</strong><table width="778"><thead><tr class="header firstRow"><th width="105">属性名</th><th width="107">英文</th><th width="218">英文含义</th><th width="193">取值</th><th width="169">应用场景</th></tr></thead><tbody><tr class="odd"><td width="105">src</td><td width="107">SouRCe</td><td width="218">资源位置</td><td width="193">资源的路径</td><td width="169"><br/></td></tr><tr class="even"><td width="105">border</td><td width="107">border</td><td width="218">边框</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">size</td><td width="107">size</td><td width="218">尺寸</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">width</td><td width="107">width</td><td width="218">宽度</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">height</td><td width="107">height</td><td width="218">高度</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">bgcolor</td><td width="107">BackGround COLOR</td><td width="218">背景颜色</td><td width="193">颜色值:rea或#ffffff</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">background</td><td width="107">background</td><td width="218">背景图片</td><td width="193">图片路径</td><td width="169"><br/></td></tr><tr class="even"><td width="105">list-style</td><td width="107">list-style</td><td width="218">设置列表的所有属性</td><td width="193"><br/></td><td width="169">列表</td></tr><tr class="odd"><td width="105">list-style-image</td><td width="107">list-style-image</td><td width="218">将图像设置为列表项标记</td><td width="193">None<br/>url</td><td width="169">列表</td></tr><tr class="even"><td width="105">list-style-type</td><td width="107">list-style-type</td><td width="218">设置列表项标记的类型</td><td width="193">Disc(实心圆)<br/>Cirle(空心圆)<br/>Square(实心方块)</td><td width="169">列表</td></tr><tr class="odd"><td width="105">line-height</td><td width="107">line-height</td><td width="218">行高(行间距)</td><td width="193">数字(像素)</td><td width="169">布局多行文本</td></tr><tr class="even"><td width="105">text-align</td><td width="107">text-align</td><td width="218">对齐方式</td><td width="193">Left、right、center</td><td width="169">各种元素对齐</td></tr><tr class="odd"><td width="105">letter-spacing</td><td width="107">letter-spacing</td><td width="218">字符间距</td><td width="193">数字(像素)</td><td width="169">加大字符间间隔</td></tr><tr class="even"><td width="105">text-decoration</td><td width="107">text-decoration</td><td width="218">文本修饰</td><td width="193">Underline、none</td><td width="169">加下划线、中划线等</td></tr><tr class="odd"><td width="105">margin-top<br/>(right、bottom、left)</td><td width="107"><br/></td><td width="218">外边距</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">padding-top<br/>(right、bottom、left)</td><td width="107"><br/></td><td width="218">内边距</td><td width="193">数字(像素)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">display</td><td width="107">display</td><td width="218">改变块级元素与行内元素的默认显示方式</td><td width="193">block(行变块)<br/>inline(块变行)<br/>none(该元素不显示在网页中)</td><td width="169"><br/></td></tr><tr class="even"><td width="105">position</td><td width="107">position</td><td width="218">定位</td><td width="193">static(静态定位)<br/>relative(相对定位)<br/>absolute(绝对定位)<br/>fixed(固定定位)</td><td width="169">用于定位</td></tr><tr class="odd"><td width="105">float</td><td width="107">float</td><td width="218">浮动</td><td width="193">None、left、right</td><td width="169"><br/></td></tr><tr class="even"><td width="105">clear</td><td width="107">clear</td><td width="218">处理浮动塌陷</td><td width="193">left(清除左边浮动)<br/>right(清除右边浮动)<br/>both(清除两边浮动)<br/>none(不清除浮动)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">type</td><td width="107">type</td><td width="218">列表类型</td><td width="193">Disc(实心圆)<br/>Cirle(空心圆)<br/>Square(实心方块)</td><td width="169">用于列表</td></tr><tr class="even"><td width="105">align</td><td width="107">align</td><td width="218">对齐</td><td width="193">Left、right、center<br/>top、middle、bottom</td><td width="169">段落内容水平对齐文字与图片垂直对齐</td></tr><tr class="odd"><td width="105">type</td><td width="107">type</td><td width="218">表单元素类型</td><td width="193">text(文本)<br/>checkbox(复选)<br/>radio(单选)<br/>password(密码)<br/>file(文件)<br/>submit(提交)<br/>reset(重置)<br/>button(按钮)<br/>image(图片按钮)<br/>hidden(隐藏)<br/></td><td width="169">表单元素</td></tr><tr class="even"><td width="105">method</td><td width="107">method</td><td width="218">表单数据的提交方式</td><td width="193">get<br/>post</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">alt</td><td width="107">alter</td><td width="218">改变、替换(图片不显示时提示信息)</td><td width="193"><br/></td><td width="169">图片</td></tr><tr class="even"><td width="105">cellpadding</td><td width="107">cell padding</td><td width="218">单元格内边距</td><td width="193">数字</td><td width="169">表格</td></tr><tr class="odd"><td width="105">cellspacing</td><td width="107">cell spacing</td><td width="218">单元格之间距离</td><td width="193">数字</td><td width="169">表格</td></tr><tr class="even"><td width="105">href</td><td width="107">Hypertext REFerence</td><td width="218">超文本引用(跳转到文件位置)</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="odd"><td width="105">rel</td><td width="107">RELationship</td><td width="218">关系(用于定义链接的文件和HTML文档之间的关系)</td><td width="193">StyleSheet样式表</td><td width="169">link链接一个文件时</td></tr><tr class="even"><td width="105">target</td><td width="107">target</td><td width="218">目标(网页打开的位置)</td><td width="193">_blank(新窗口打开)<br/>_self(自身窗口打开)<br/>_top(以整个浏览器作业作为窗口显示新页面)<br/>_parent(在父窗口中打开新的页面)</td><td width="169"><br/></td></tr><tr class="odd"><td width="105">colspan</td><td width="107">COLumn span</td><td width="218">单元格跨列</td><td width="193">数字(跨的列数)</td><td width="169">表格</td></tr><tr class="even"><td width="105">rowspan</td><td width="107">row span</td><td width="218">单元格跨行</td><td width="193">数字(跨的行数)</td><td width="169">表格</td></tr><tr class="odd"><td width="105">readonly</td><td width="107">read only</td><td width="218">只读</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="even"><td width="105">value</td><td width="107">value</td><td width="218">输入框的初始值</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="odd"><td width="105">maxlength</td><td width="107">max length</td><td width="218">最大长度</td><td width="193"><br/></td><td width="169"><br/></td></tr><tr class="even"><td width="105">scrolldelay</td><td width="107">scroll delay</td><td width="218">滚动延时</td><td width="193"><br/></td><td width="169">< m arquee></td></tr><tr class="odd"><td width="105">direction</td><td width="107">direction</td><td width="218">方向(滚动方向)</td><td width="193"><br/></td><td width="169">< m arquee</td></tr></tbody></table><h3><br/></h3></div></div><p>以上是html常用标签及属性有哪些的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!</p> <br> 标题名称:html常用标签及属性有哪些 <br> 分享URL:<a href="http://chengdu.cdxwcx.cn/article/jcjjps.html">http://chengdu.cdxwcx.cn/article/jcjjps.html</a> </div> </div> </div> <!--左边end--> <!--右边begin--> <div class="news_r"> <div class="news_t"><h2 class="h2">其他资讯</h2></div> <div class="news_ul3"> <ul> <li> <a href="/article/ddisspe.html"> <h3 class="h3">go语言翻车 go语言 cgo</h3> </a> </li><li> <a href="/article/ddissss.html"> <h3 class="h3">go语言区块链视频教程 go语言 区块链</h3> </a> </li><li> <a href="/article/ddiseod.html"> <h3 class="h3">java连连看代码 java连连看完整源代码</h3> </a> </li><li> <a href="/article/ddissps.html"> <h3 class="h3">linux命令安卓 安卓手机 linux命令</h3> </a> </li><li> <a href="/article/ddisedd.html"> <h3 class="h3">阿里云服务器硬盘崩了 阿里云服务器数据盘</h3> </a> </li> </ul> </div> </div> <!--右边end--> <div class="c_l"></div> </div> </div> <!--正文end--> <!--尾部begin--> <!--尾部begin--> <footer> <div class="f_bg"> <div class="wrap"> <div class="links"> <h2 class="h2">甜橘子解决方案<a href="/solution/" title="更多" class="more">更多+</a></h2> <ul> <li><a href="/solution/xiaochengxu.html" title="小程序定制解决方案">小程序定制解决方案</a></li> <li><a href="/solution/qiyewz.html" title="企业网站建设解决方案">企业网站建设解决方案</a></li> <li><a href="/solution/menhuwz.html" title="行业门户网站建设解决方案">行业门户网站建设解决方案</a></li> <li><a href="/solution/yingxiaowz.html" title="营销型网站建设解决方案">营销型网站建设解决方案</a></li> <li><a href="/solution/waimaowz.html" title="外贸网站建设解决方案">外贸网站建设解决方案</a></li> <li><a href="/solution/pingpaiwz.html" title="品牌形象网站建设解决方案">品牌形象网站建设解决方案</a></li> <li><a href="/solution/dianziwz.html" title="数码、电子产品网站建设解决方案">数码、电子产品网站建设解决方案</a></li> <li><a href="/solution/jituanwz.html" title="集团、上市企业网站建设解决方案">集团、上市企业网站建设解决方案</a></li> <li><a href="/solution/dichanwz.html" title="房地产、地产项目网站建设解决方案">房地产、地产项目网站建设解决方案</a></li> <li><a href="/solution/zhubaowz.html" title="珠宝高端奢侈品网站建设解决方案">珠宝高端奢侈品网站建设解决方案</a></li> </ul> </div> <div class="links w2"> <h2 class="h2">我们的实力<a href="/about/" title="更多" class="more">更多+</a></h2> <ul> <li>10年专业互联网服务经验</li> <li>成都高端建站设计团队</li> <li>资深行业分析策划</li> <li>B2C营销型网站建设者</li> <li>前沿视觉设计、研发能力</li> <li>前端代码深度符合SEO优化</li> <li>成都市高新技术企业证书</li> <li>具有完备的项目管理</li> <li>完善的售后服务体系</li> <li>深厚的网络运营经验</li> <li>时刻新技术研发能力</li> <li>16个网站系统软件著作权</li> </ul> </div> <div class="f_div2_r"> <h2 class="h2">关于甜橘子<a href="/about/" title="更多" class="more">更多+</a></h2> 甜橘子网站设计,为客户量身定制各类网站建设业务,包括企业型、电子商务型、行业门户型、品牌建立型等各类网站,实战经验丰富,成功案例众多。以客户利益为出发点,甜橘子网站制作为客户规划、定制符合企业需求、带有营销价值的建站方案,提供从网站前期定位分析策划到网站界面设计... </div> <div class="c_l"></div> </div> <div class="wrap"> <div class="f_div3"> <span class="l">成都网站制作案例©2020 甜橘子设计 版权所有 | <a href="http://chengdu.cdxwcx.cn" target="_blank">甜橘子网站设计</a><a href="http://chengdu.cdxwcx.cn" target="_blank">chengdu.cdxwcx.cn</a></span> <span class="r"><a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备11025516号</a></span> </div> </div> </div> </footer> <!--尾部end--> <script language="javascript" src="/Public/Home/js/foot.js"></script> <!--尾部end--> <!--侧边栏begin--> <div class="side"> <ul> <li id="qqonline_xbceo"><a href="tencent://message/?uin=631063699&Site=&Menu=yes"><i class="bgs1"></i>QQ咨询</a></li> <li class="shangqiao"><a href="tencent://message/?uin=532337155&Site=&Menu=yes" title="在线咨询"> <div><i class="bgs2"></i>在线咨询</div> </a></li> <li class="sideewm"><i class="bgs3"></i>官方微信 <div class="ewBox"></div> </li> <li class="sideetel"><i class="bgs4"></i>联系电话 <div class="telBox"> <dd class="bgs1"><span>座机</span><a href="tel:028-86922220" target="_blank">028-86922220</a></dd> <dd class="bgs2"><span>手机</span><a href="tel:13518219792" target="_blank">13518219792</a></dd> </div> </li> <li class="sidetop" onClick="goTop()" id="sidetop"><i class="bgs6"></i>返回顶部</li> </ul> </div> <script type="text/javascript"> $('.sideewm').hover(function(){ $('.ewBox').stop().fadeIn(); },function(){ $('.ewBox').stop().fadeOut(); }); $('.sideetel').hover(function(){ $('.telBox').stop().fadeIn(); },function(){ $('.telBox').stop().fadeOut(); }); $(".con_id 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); } }); </script> <!-- WPA start --> <!-- WPA end --> <!--侧边栏end--> </body> </html>