html标签属性大全详细介绍

HTML标签属性众多，以下为您介绍常见的属性：

全局属性

- class：用于为元素定义一个或多个类名，以便通过CSS样式表对具有相同类名的元素进行统一的样式设置，如 

 .

- id：为元素定义唯一的标识，在页面中该值必须是唯一的，常被用于JavaScript操作或作为CSS选择器的特定标识来定位元素，如 

 .

- style：用于规定元素的行内样式，可直接在标签内设置各种CSS属性，如  .

- title：为元素提供额外信息，当鼠标悬停在元素上时，会显示该属性的值作为提示文本，如  .

文本相关标签属性

- h1-h6：标题标签，具有 align 属性，可设置标题的对齐方式，如 

一级标题

 ，取值有 left 、 right 、 center  。

- p ：段落标签， 一般放置文字且独占一行，无特定属性，但可使用全局属性.

- font：已不被HTML5推荐使用，但在一些遗留项目中可能会见到，有 size 属性设置字体大小， color 属性设置字体颜色， face 属性设置字体样式，如 绿色Arial字体 .

- a：超链接标签，有 href 属性指定链接的目标URL， target 属性规定在何处打开目标URL，如   ， target 取值有 _blank 、 _parent 、 _self 、 _top 、 framename 等.

- img：图像标签， src 属性指定图片的路径地址， alt 属性为图像定义替换文本， width 和 height 属性设置图片的宽度和高度，如  .

表格标签属性

- table：定义表格， border 属性设置表格边框的宽度， cellpadding 属性规定单元格内容与边框之间的空白间距， cellspacing 属性规定单元格之间的空白间距，如 

- tr：定义表格的行， align 属性设置行内内容的水平对齐方式， valign 属性设置行内内容的垂直对齐方式，取值有 top 、 middle 、 bottom  。

- td ：定义表格单元， colspan 属性用于合并列， rowspan 属性用于合并行，如 

表单标签属性

- form：表单标签， action 属性指定表单数据提交的目标URL， method 属性规定提交表单数据的HTTP方法，如 
 。

- input：输入框标签， type 属性定义输入框的类型，如 text 、 password 、 radio 、 checkbox 等， name 属性为输入框定义名称， value 属性设置输入框的默认值， disabled 属性禁用输入框，如  .

- select：下拉列表标签， multiple 属性允许用户选择多个选项，如   ； size 属性规定下拉列表可见选项的数目。 - textarea：文本域标签， rows 属性定义文本域的行数， cols 属性定义文本域的列数，如   。</p><br />

其他标签属性

- ul、ol：无序列表和有序列表标签， type 属性可改变列表项的符号样式，如 

 .

  、 
 .

- iframe：内联框架标签， src 属性指定要嵌入文档的URL， width 和 height 属性设置框架的宽度和高度， frameborder 属性规定是否显示框架边框，如   。</p> <p>- audio、video：音频和视频标签， src 属性指定音频或视频文件的URL， controls 属性显示播放控件， autoplay 属性规定音频或视频在页面加载后自动播放，如 <video src="video.mp4" controls autoplay></video> .</p></article> <div id="rel"> <h3 class="zit kico-sub">少长咸集</h3> <ul> <li class="log"> <a href="http://www./post/312137.html" title="查看《简单代码编程教学》详情"> <img src="http://www./zb_users/theme/Zit/style/bg.jpg" alt="简单代码编程教学" class="cover hue"> <span class="pane"> <em class="zit kico-prev">上一篇</em> <b>简单代码编程教学</b> <span><small class="kico-time"><dfn>发表于</dfn>2024-12-09</small> <small class="kico-eye"><dfn>浏览</dfn>7</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> <li class="log"> <a href="http://www./post/312139.html" title="查看《jquery手册中文版下载》详情"> <img src="http://www./zb_users/theme/Zit/style/bg.jpg" alt="jquery手册中文版下载" class="cover hue"> <span class="pane"> <em class="zit kico-next">下一篇</em> <b>jquery手册中文版下载</b> <span><small class="kico-time"><dfn>发表于</dfn>2024-12-09</small> <small class="kico-eye"><dfn>浏览</dfn>5</small> <small class="kico-ping"><dfn>评论</dfn>0</small></span> </span> </a> </li> </ul> </div> </main> <aside id="side"> <div class="pane hidem" id="divCatalog"> <h4 class="zit">网站分类</h4> <ul><li class="stock"><a href="http://www./category-2.html" class="kico-fold kico-gap">编程语言 <mark>146620</mark></a></li> <li class="stock"><a href="http://www./category-3.html" class="kico-fold kico-gap">硬件开发 <mark>79839</mark></a></li> <li class="stock"><a href="http://www./category-4.html" class="kico-fold kico-gap">前沿技术 <mark>145028</mark></a></li> <li class="stock"><a href="http://www./category-5.html" class="kico-fold kico-gap">资讯 <mark>76943</mark></a></li> </ul> </div><div class="pane hidem" id="divPrevious"> <h4 class="zit">最近发表</h4> <ul><li class="illus"><a href="http://www./post/462053.html" title="linux怎么修改无线ip地址"><small>2025-05-06</small>linux怎么修改无线ip地址</a></li> <li class="illus"><a href="http://www./post/462052.html" title="linux的txt如何去掉回车"><small>2025-05-06</small>linux的txt如何去掉回车</a></li> <li class="illus"><a href="http://www./post/462051.html" title="入linux命令"><small>2025-05-06</small>入linux命令</a></li> <li class="illus"><a href="http://www./post/462050.html" title="linux如何打包tar命令"><small>2025-05-06</small>linux如何打包tar命令</a></li> <li class="illus"><a href="http://www./post/462049.html" title="不玩游戏可以用linux系统吗"><small>2025-05-06</small>不玩游戏可以用linux系统吗</a></li> <li class="illus"><a href="http://www./post/462048.html" title="linux是什么体验"><small>2025-05-06</small>linux是什么体验</a></li> <li class="illus"><a href="http://www./post/462047.html" title="linux怎么用源安装软件"><small>2025-05-06</small>linux怎么用源安装软件</a></li> <li class="illus"><a href="http://www./post/462046.html" title="linux服务的作用是什么"><small>2025-05-06</small>linux服务的作用是什么</a></li> <li class="illus"><a href="http://www./post/462045.html" title="实验linux常用命令"><small>2025-05-06</small>实验linux常用命令</a></li> <li class="illus"><a href="http://www./post/462044.html" title="linux如何用if"><small>2025-05-06</small>linux如何用if</a></li> </ul> </div><div class="pane hidem" id="divComments"> <h4 class="zit">最新留言</h4> <ul></ul> </div></aside> </div> </section> <footer id="base"> <div class="inner"> <h4>&copy; 2025 <a href="http://www./" class="zit">技术</a> Copyright Your WebSite.Some Rights Reserved.<br><a href="http://www.beian.miit.gov.cn" target="_blank">皖ICP备2023002134号</a></h4> <h5>Powered By <a href="//www.zblogcn.com" title="Z-BlogPHP 1.7.2" target="_blank">Z-Blog</a> Theme By <a href="//jgpy.cn" target="_blank" title="前端开发·自由设计">吉光片羽</a></h5> </div> </footer> <div id="ly_cache" data-id="312138" data-end="1754553960"></div></body> </html><!--60.15 ms , 12 queries , 2780kb memory , 0 error--><!--ly_cache 2025-07-08 16:06:00-->