HTML 属性参考

在 HTML 标记中，属性是用于为元素提供附加信息的。例如，链接元素的 href 属性指定了链接目标的 URL。

本文将介绍 HTML 标记中常用的属性及其用法。

常用属性

下面是一些常用属性及其用法。

class

class 属性用于为元素指定一个或多个 CSS 类。多个类之间应该用空格分隔。

<div class="header nav">
  ...
</div>

id

id 属性用于为元素指定唯一的标识符。仅能在文档中使用一次。

<div id="header">
  ...
</div>

style

style 属性用于为元素指定样式。

<div style="color: red; font-size: 24px;">
  ...
</div>

title

title 属性用于为元素提供附加的提示信息。

<a href="https://www.example.com" title="前往 Example 网站">Example</a>

href

href 属性用于指定链接的目标 URL。

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

src

src 属性用于指定图像、脚本或其他媒体文件的 URL。

<img src="image.png" alt="Example Image">

alt

alt 属性用于为图像的替代文本。

<img src="image.png" alt="Example Image">

width 和 height

width 和 height 属性用于指定图像、对象或 applet 的宽度和高度。

<img src="image.png" alt="Example Image" width="500" height="300">

target

target 属性用于指定链接的打开方式。

<a href="https://www.example.com" target="_blank">打开链接</a>

input 元素的属性

下面是一些 input 元素常用的属性及其用法。

type

type 属性用于指定 input 元素的类型。

<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="提交">
<input type="checkbox" name="agree" id="agree">
<input type="radio" name="gender" value="male" id="male">
<input type="radio" name="gender" value="female" id="female">

name

name 属性用于指定 input 元素的名称。

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

value

value 属性用于指定 input 元素的值。

<input type="text" name="username" value="John Doe">
<input type="password" name="password">
<input type="submit" value="提交">

checked 和 selected

checked 属性用于指定 checkbox 或 radio input 元素是否应该被选中。

<input type="checkbox" name="agree" id="agree" checked>
<input type="radio" name="gender" value="male" id="male" checked>
<input type="radio" name="gender" value="female" id="female">

selected 属性用于指定 select 元素中默认选中的选项。

<select name="city">
  <option value="shanghai">上海</option>
  <option value="beijing" selected>北京</option>
  <option value="guangzhou">广州</option>
</select>

disabled

disabled 属性用于禁用 input 元素。

<input type="text" name="username" disabled>
<input type="password" name="password" disabled>
<input type="submit" value="提交" disabled>

总结

本文介绍了 HTML 中常用的属性及其用法。了解这些属性将有助于您更有效地使用 HTML 创建 Web 页面。