1. class
属性
class
属性定义了一个或多个元素的类名,用于层叠样式表(CSS)中对元素进行样式控制。
<div class="box">这是一个带有 class 的元素。</div>
2. id
属性
id
属性定义了元素的唯一标识符,可以用于 JavaScript 中选择和操作特定的元素。
<div id="unique">这是一个带有唯一 id 的元素。</div>
3. src
属性
src
属性定义了引用文件的路径,通常用于图像、音频和视频等媒体文件的加载。
<img src="example.png" alt="示例图片">
4. href
属性
href
属性定义了链接目标的 URL。
<a href="https://www.example.com">链接到示例网站</a>
5. alt
属性
alt
属性定义了图像的替代文本,当无法加载图像时,将显示该文本。
<img src="example.png" alt="示例图片">
6. title
属性
title
属性定义了元素的标题,当用户将鼠标指针悬停在元素上时,将显示该标题。
<img src="example.png" alt="示例图片" title="这是一个示例图片">
7. width
和 height
属性
width
和 height
属性定义了图像、表格和其他元素的宽度和高度。通常使用像素为单位。
<img src="example.png" alt="示例图片" width="200" height="100">
8. style
属性
style
属性定义了元素的样式信息,如颜色、字体、边框等。它支持使用 CSS 属性设置样式。
<div style="color: red; font-size: 16px;">这是一个带有样式的元素。</div>
结论
以上是一些常用的 HTML 属性,当然,HTML 还有许多属性没有在本文中列举出来。熟练掌握这些属性的用法,能够快速地构建出美观、交互性强的网站。同时,使用良好的代码风格和语法规范,能够提高代码的可读性和维护性。