LOADING

加载过慢请开启缓存 浏览器默认开启

HTML属性

2024/10/26 教程 HTML

属性

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

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

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现,比如:name="value"

属性实例

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

<a href="https://github.com/ksayus">这是一个链接</a>

运行后:
这是一个链接

HTML属性常用引用属性值

属性值应该始终被包括在引号内。

双引号 是最常用的,不过使用 单引号 也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='John "ShotGun" Nelson'

HTML 属性参考手册
查看完整的HTML属性列表: HTML标签参考手册

下面列出了适用于大多数 HTML 元素的属性:

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

  1. id: 给元素一个唯一的标识符,可以用于 CSS 选择器或 JavaScript 操作。
    <div id="header">This is a header</div>

  2. class: 给元素指定一个或多个类名,方便通过 CSSJavaScript 操作。
    <p class="text-muted">This is a paragraph.</p>

  3. style: 直接为元素定义 CSS 样式。
    <span style="color: red;">This text is red.</span>

  4. href: 用于 <a> 标签,指定链接目标。
    <a href="https://www.example.com">Visit Example</a>

  5. src: 用于 <img><script> 标签,指定资源的路径。
    <img src="image.jpg" alt="Description">

  6. alt: 用于 <img> 标签,提供图片的替代文本。
    <img src="logo.png" alt="Company Logo">

  7. title: 提供关于元素的额外信息,通常在鼠标悬停时显示。
    <button title="Click me">Submit</button>

  8. name:<input>, <form>, <select> 等表单元素中使用,定义元素的名称。
    <input type="text" name="username">

  9. value: 定义表单元素的值。
    <input type="text" value="Default text">

  10. target:用于 <a> 标签,指定链接的打开方式(如 _blank 在新窗口中打开)。
    <a href="https://www.example.com" target="_blank" rel="noopener">Open in new tab</a>

  11. type: 指定表单元素的类型(如 text, password, submit)。
    <input type="password" name="password">

  12. placeholder:<input><textarea> 提供一个占位符文本。
    <input type="text" placeholder="Enter your name">