HTML属性的使用

lzyaiRY

于 2024-08-21 15:58:40 发布

阅读量305

点赞数 5

文章标签： html 前端

本文链接：https://blog.csdn.net/lzyaiRY/article/details/141361188

版权

HTML 属性

属性是HTML元素提供的附件信息。

属性总是以 name="value" 的形式写在标签内，name 是属性的名称，value是属性的值。

HTML 属性

●HTNL 元素可以设置属性

●属性可以在元素中添加附件信息

●属性一般描述于开始标签

●属性总是以名称/值对的形式出现，比如： name="value"。

属性实例

HTML链接由<a>标签定义。链接的地址在href 属性中指定：

实例

<a href="http://www.runoob.com">这是一个链接</a>

HTML属性常用引用属性值

例如：name='Johu "ShotGun" Nelson"

HTML 提示：使用小写属性

HTML属性参考手册

属性	描述
class	为html元素定义一个或多个类名（classname）（类名从样示文件引入）
id	定以元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素是额外信息（作为工具条使用）

id: 给元素一个唯一的标识符，可以用于 CSS 选择器或 JavaScript 操作。
```
<div id="header">This is a header</div>
```
class: 给元素指定一个或多个类名，方便通过 CSS 或 JavaScript 操作。
```
<p> class="text-muted">This is a paragraph.</p>
```

style: 直接为元素定义 CSS 样式。

<span style="color: red;">This text is red.</span>

href: 用于<a>标签，指定链接目标。

<a href="https://www.example.com">Visit Example</a>

src: 用于<img>和 <script>标签，指定资源的路径。
```
<img src="image.jpg" alt="Description">
```
alt: 用于<img> 标签，提供图片的替代文本。
```
<img src="logo.png" alt="Company Logo">
```
title: 提供关于元素的额外信息，通常在鼠标悬停时显示。
```
<button title="Click me">Submit</button>
```
name: 在<input>,<form>,<select>等表单元素中使用，定义元素的名称。
```
<input type="text" name="username">
```

value: 定义表单元素的值。

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

target: 用于<a>标签，指定链接的打开方式（如_blank在新窗口中打开）。
```
<a href="https://www.example.com" target="_blank" rel="noopener">Open in new tab</a>
```
type: 指定表单元素的类型（如text,password,submit）。
```
<input type="password" name="password">
```
placeholder: 为<input>和<textarea>提供一个占位符文本。
```
<input type="text" placeholder="Enter your name">
```