菜鸟开源,更多应用场景,更好适应移动设备阅读! 注册

大多数 HTML 元素的属性

用户名:admin

Bootstrap教程  | 阅读: 187

发表:湖南  2024/9/29 23:05:35

未关注

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

属性 描述
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)
  1. id: 给元素一个唯一的标识符,可以用于 CSS 选择器或 JavaScript 操作。

    <div
    id="header">This is a header</div>
  2. class: 给元素指定一个或多个类名,方便通过 CSS 或 JavaScript 操作。

    <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: 指定表单元素的类型(如 textpasswordsubmit)。

    <input
    type="password"
    name="password">
  12. placeholder: 为 <input> 和 <textarea> 提供一个占位符文本。

    <input
    type="text"
    placeholder="Enter your name">

【评论】

【免登录留言】

 
上一篇:   HTML 参考手册- (HTML5 标准)
下一篇:   SQL查询中的“IN”操作符:简化条件筛选的秘密武器