html标签属性是什么

什么是HTML标签属性

html 属性是HTML元素提供的附加信息。就跟人一样 有姓名、性别、年龄一样。人可以自己取一个昵称，标签属性也一样，可以给标签添加自定义属性。

HTML属性的表现形式

是以键值对的方式出现在HTML标签中 例如 <div id="divContainer"></div> 中 id=“divContainer” 就是属性，表示div标签的id值为divContainer

HTML常用属性有哪些？

id属性

id属性 给元素一个唯一的标识符，可以用于css选择器或javascript操作，意思就是说可以给标签元素设置一个唯一的值，以后要通过css样式对网页进行装修的时候，可以通过id属性来找到元素。
例如 <div id="header">这是头部信息</div>

class属性

如果想要对同一类元素进行赋值相同的属性，那么就可以用到class属性，class表示班级、一类的意思。例如：
<p class="text-muted">我是段落1</p>
<p class="text-muted">我是段落2</p>
这时候可以通过class="text-muted" 将2个<p>标签一起找到

style属性

style 属性给元素定义css样式。例如
<span style="color:red;">this text is red.</span>

在浏览器运行中可以看到span标签中的字体已经变成红色了。

href属性

href属性是给<a></a>标签使用的，指向一个网络链接地址。
<a href="https://www.baidu.com">访问百度</a>

src属性

用于<img> 和 <script> 标签，指定资源的路径。

<img src="image.jpg" alt="Description">

img是图片标签，src 指向的是图片的真实存放路径。

alt属性

用于 <img> 标签，提供图片的替代文本。当鼠标移动都图片上面时，会显示alt属性设置的文本信息。

`<img src="logo.png" alt="Company Logo"`>

name 属性

用于在 , , 等表单元素中使用，定义元素的名称。

<input type="text" name="username">

value属性

用于input 标签，表示input当前的值。例如当前input输入框的默认值是111

<input type="text" value="111">

type 属性

用于表单元素input标签，如type=“text”,type=“password”
不同的type属性，input标签所代表的意义就不一样。

<input type="password" name="password">

placeholder 属性

为 <input> 和 <textarea> 提供一个占位符文本。

 <input type="text" placeholder="请输入用户名">

target 属性

用于标签，指定链接的打开方式（如 _blank 在新窗口中打开）。

<a href="https://www.baidu.com" target="_blank">在新窗口中打开百度</a>

自定义属性

除了以上的常用属性，我们还可以跟标签自定义属性
<div data-custom-id="123">这是一个带有自定义属性的div元素</div>