HTML <a> 标签的 href 属性 ,HTML <hr> 标签

最新推荐文章于 2025-06-02 19:54:50 发布

原创最新推荐文章于 2025-06-02 19:54:50 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

python 专栏收录该内容

313 篇文章

订阅专栏

本文深入讲解了HTML中关键标签的定义和用法，包括a标签的href属性、hr标签的水平分隔作用、p标签的段落标记、style属性的样式设定、table标签的表格构建等，覆盖了从超链接到表格布局的基础知识。

HTML <a> 标签的 href 属性

语法:

<a href="URL">
<a href="//www.runoob.com/">菜鸟教程</a>
<a href="tag_a.php">a 标签</a>
<a href="http://www.w3school.com.cn">W3School</a>

https://www.w3school.com.cn/tags/att_a_href.asp
https://www.runoob.com/tags/att-a-href.html

HTML <hr> 标签

标签在 HTML 页面中创建一条水平线。水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。在 HTML 中，

标签没有结束标签。

HTML <p> 标签

以下代码标记了一个段落：

<p>This is some text in a very short paragraph</p>
<p style="color:red">This is a paragraph.</p>

HTML style 属性

https://www.w3school.com.cn/tags/att_standard_style.asp

HTML 标签

定义和用法

标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

HTML 标签

定义和用法

标签定义 HTML 表格中的标准单元格。

HTML 表格有两类单元格：

表头单元 - 包含头部信息（由 th 元素创建）
标准单元 - 包含数据（由 td 元素创建）
td 元素中的文本一般显示为正常字体且左对齐。

HTML 标签

定义和用法
定义表格内的表头单元格。

HTML 表单中有两种类型的单元格：

表头单元格 - 包含表头信息（由 th 元素创建）
标准单元格 - 包含数据（由 td 元素创建）
th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

HTML 标签

定义和用法

标签定义 HTML 表格中的行。

tr 元素包含一个或多个 th 或 td 元素。

Month	Savings
January	$100
1	2	3

<html>
<body>

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  </tr>
</table>

</body>
</html>

html
标签定义无序列表。

定义和用法

标签定义列表项目。
标签可用在有序列表 (
1. ) 和无序列表 (
  - )
所有主流浏览器都支持
标签。
标签定义导航链接的部分。

div

定义和用法

可定义文档中的分区或节（division/section）。

标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。

如果用 id 或 class 来标记

，那么该标签的作用会变得更加有效。

用法

是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是
固有的唯一格式表现。可以通过
的 class 或 id 应用额外的样式。

不必为每一个

都加上类或 id，虽然这样做也有一定的好处。

可以对同一个

元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。

HTML
标签

可插入一个简单的换行符。

标签是空标签（意味着它没有结束标签，因此这是错误的：
）。在 XHTML 中，把结束标签放在开始标签中，也就是
。

请注意，
标签只是简单地开始新的一行，而当浏览器遇到

标签时，通常会在相邻的段落之间插入一些垂直的间距。

注释：请使用
来输入空行，而不是分割段落。