HTML标签库：常用标记与属性解析

"html标记库" HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它定义了网页的结构和内容。在HTML中，我们使用各种标记（tags）来告诉浏览器如何显示页面元素。以下是一些常见的HTML标记及其用途： 1. `<marquee>` 标记：用于创建滚动文本效果。它可以向左、向右、向上、向下滚动，或者交替滚动。例如： - `<marquee behavior="scroll">滚动文本</marquee>` - `<marquee behavior="alternate">交替滚动文本</marquee>` - `<marquee direction="right">向右滚动文本</marquee>` - `<marquee loop=2>` 会循环两次 - `<marquee width="180">` 设置宽度为180像素 - `<marquee height="30">` 设置高度为30像素 - `<marquee bgcolor="#FF0000">` 设置背景颜色为红色 - `<marquee scrollamount="30">` 设置滚动速度 - `<marquee scrolldelay="300">` 设置延迟时间 - `<marquee onmouseover="this.stop()">` 鼠标悬停时停止滚动 - `<marquee onmouseover="this.start()">` 鼠标离开时重新开始滚动 2. 标题标记 `<h1>` 到 `<h6>`：定义不同级别的标题，`<h1>` 是最大的标题，`<h6>` 是最小的标题。 - `<h1>主标题</h1>` - `<h6>次级子标题</h6>` 3. 强调标记：`<b>` 和 `<strong>` 用于加粗文本，`<i>` 和 `<em>` 用于斜体，其中 `<strong>` 和 `<em>` 具有语义含义，分别表示重要性和强调。 - `<b>加粗文本</b>` 与 `<strong>加粗文本(语义化)</strong>` - `<i>斜体文本</i>` 与 `<em>斜体强调文本(语义化)</em>` - `<dfn>定义术语</dfn>` 用于表示一个术语的首次出现 - `<u>下划线文本</u>` - `<ins>插入文本</ins>` 用下划线表示已插入的内容 - `<strike>` 或 `<s>` 用于删除文本，显示删除线 - `<del>删除文本(显示删除原因)</del>` - `<kbd>键盘输入文本</kbd>` 用于表示用户需按的键 - `<tt>` 用于呈现类似打字机的文本样式 - `<xmp>` 用于呈现纯文本格式，不解析HTML - `<plaintext>` 关闭HTML解析，使内容按纯文本显示 - `<listing>` 与 `<pre>` 类似，用于代码或列表的非标准格式展示 4. 字体标记 `<font>`：虽然现在不推荐使用，但仍然可以用来设置文本的颜色、大小和字体。 - `<font color="#00ff00">绿色文本</font>` - `<font size="1">最小字号</font>` - `<font style="font-size:100px">巨大字号</font>` 5. 分隔线标记 `<hr>`：创建水平分隔线，可以调整其大小、宽度和颜色。 - `<hr>` 默认水平线 - `<hr size="9">` 增加线条厚度 - `<hr width="80%">` 设置线条宽度为80% - `<hr color="#ff0000">` 设置线条颜色为红色 这些只是HTML中的一部分标记，HTML还包含许多其他标记，如段落 (`<p>`), 图像 (`<img>`), 链接 (`<a>`), 列表 (`<ul>`, `<ol>`, `<li>`), 表格 (`<table>`, `<tr>`, `<td>`), 表单元素 (`<form>`, `<input>`, `<textarea>`) 等等，它们共同构建了一个完整的网页结构。学习并熟练掌握HTML是成为一名优秀前端开发者的基础。