时雨h
时雨h

HTML5+CSS3+移动web 前端开发入门笔记（二）HTML标签详解

HTML标签：排版标签

排版标签用于对网页内容进行布局和样式的调整。下面是对常见排版标签的详细介绍：


<h1>: 定义一级标题，通常用于标题栏或页面主要内容的标题。

<p>: 定义段落，用于将文字分段展示，段落之间会有空行。

<hr />: 创建水平线，通常用于分隔不同部分的内容。

<br />: 插入换行符，用于在文本中创建换行效果。

<div>: 定义文档中的一个区域，可用于分组相关元素，或用于控制元素的样式。

<span>: 定义文本的一小部分，常用于指定特定的样式，如颜色、字体等。

<center>: 对其所包含的内容进行居中对齐，适用于块级元素。

<pre>: 保留文本中的空白字符（包括空格和换行符），保持原始格式，适用于展示代码或预格式文本。

这些排版标签可以通过HTML语言嵌入到网页中，配合CSS样式表进行进一步的样式调整，实现网页的美化和布局。

标题使用至标签进行定义。定义最大的标题，定义最小的标题。具有align属性，属性值可以是：left、center、right。



DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Documenttitle>
head>
<body>
	<h1>H1：千古壹号，永不止步h1>
	<h2>H3：千古壹号，永不止步h2>
	<h3>H3：千古壹号，永不止步h3>
	<h4>H4：千古壹号，永不止步h4>
	<h5>H5：千古壹号，永不止步h5>
	<h6>H6：千古壹号，永不止步h6>
body>
html>

将给定的HTML代码转换为Markdown格式的标题标签如下所示：

# H1：千古壹号，永不止步
## H3：千古壹号，永不止步
### H3：千古壹号，永不止步
#### H4：千古壹号，永不止步
##### H5：千古壹号，永不止步
###### H6：千古壹号，永不止步

效果演示：

H1：千古壹号，永不止步

H3：千古壹号，永不止步

H3：千古壹号，永不止步

H4：千古壹号，永不止步
H5：千古壹号，永不止步
H6：千古壹号，永不止步

HTML 注释

在HTML中，可以使用注释来向代码添加说明或注解。HTML注释不会在网页上显示，只是对代码进行注释和说明，方便开发人员理解和维护代码。

HTML注释以结束。在注释内可以写入任何内容，包括文本、标签等。注释可以跨越多行，但不能嵌套注释。

以下是HTML注释的示例：

请注意，HTML注释仅对代码本身起作用，不会影响网页的显示效果。

段落标签< p>

在HTML（超文本标记语言）中，

标签是一个段落标签。这个标签常常用来表示文档中的一个段落。一个段落是由一个或多个连续的文本行组成，而且通常会有一个空行（空白或者其它的元素）来隔离它与其它的段落。

例如：

<p>这是一个段落。p>
<p>这是另一个段落。p>

上面的HTML代码会生成两个段落。

标签是一个非常基础的HTML标签，它在网页设计中经常被使用。这个标签通常与其它的HTML标签（如标题标签

到
，链接标签 ，列表标签
    ,
      ,
    1. 等）一起使用来构建一个结构化、有意义的网页内容。

      除了基本的段落表示，

      标签还可以配合一些全局属性（global attributes）来改变段落的外观或行为。这些全局属性包括但不限于：

      • class：为元素指定一个或多个类名，以便通过CSS来样式化。
      • id：为元素指定唯一的标识符，可以通过JavaScript或者CSS来选择和操作这个元素。
      • style：直接在元素上应用CSS样式。
      • title：为元素提供一个描述性信息，通常作为鼠标悬停时的提示文本。

      例如：

      <p class="intro" style="color:blue;">这是一个蓝色的段落。p>

      上面的HTML代码创建了一个带有蓝色文本的段落，并且给它赋予了一个类名 “intro”。

      此外，

      标签不能包含块级元素，如

      ,
      ,