HTML 属性详解及实例：class、id、style、href、src、alt、title、target、rel、type

HTML 属性是指 HTML 标签中用来描述标签的属性，可以通过这些属性来修改标签的样式、行为、内容等。以下是一些常用的 HTML 属性及其介绍：

1. 'class' 属性：用于给 HTML 元素定义一个或多个类名，方便使用 CSS 样式来设置元素的样式。如：

<p class='red'>这是红色的段落。</p>

2. 'id' 属性：用于给 HTML 元素定义唯一的标识符，方便使用 JavaScript 对元素进行操作。如：

<div id='content'>这是页面内容。</div>

3. 'style' 属性：用于直接在 HTML 元素中定义 CSS 样式，可以设置元素的颜色、字体、边框等。如：

<p style='color: red; font-size: 16px;'>这是红色的、16px 大小的段落。</p>

4. 'href' 属性：用于定义链接的目标 URL ，可以是页面、图片、音频、视频等。如：

<a href='https://www.example.com/'>前往示例网站</a>

5. 'src' 属性：用于定义图像、音频、视频等媒体资源的 URL 。如：

<img src='example.jpg' alt='示例图片'>

6. 'alt' 属性：用于定义图像的替代文本，当图像无法显示时会显示替代文本。如：

<img src='example.jpg' alt='示例图片'>

7. 'title' 属性：用于定义 HTML 元素的标题，可以在鼠标悬停时显示。如：

<p title='这是提示信息'>这是一段有提示信息的段落。</p>

8. 'target' 属性：用于定义链接的目标窗口或框架，可以在当前窗口、新窗口或指定的框架中打开链接。如：

<a href='https://www.example.com/' target='_blank'>在新窗口打开示例网站</a>

9. 'rel' 属性：用于定义链接与当前页面之间的关系，如链接为外部链接、内部链接、nofollow链接等。如：

<a href='https://www.example.com/' rel='nofollow'>示例网站（nofollow链接）</a>

10. 'type' 属性：用于定义脚本、样式表等资源的 MIME 类型。如：

<link rel='stylesheet' type='text/css' href='example.css'>