html常用标签之文本标签的使用

最新推荐文章于 2025-07-19 13:18:00 发布

原创最新推荐文章于 2025-07-19 13:18:00 发布 · 1.5k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#html文本标签

前端专栏收录该内容

4 篇文章

订阅专栏

本文深入讲解HTML中的关键标签，包括标题、段落、引用、滚动、列表等，以及它们的特性和使用方法，帮助读者掌握网页结构的基础。

文章目录

- - 常用标签
  - - 文本标签

全称：Hyper Text Markup Language：超文本标记语言
标准结构：有标签体的标签使用

代码结构示例：

<html>
  <head>---
     <title><title>
  </head>
  <body>
  </body>
</html>

常用标签

文本标签

1.标题标签

h1~h6：有不同大小的标题;<h 1>< /h1>…
结果展示：
在这里插入图片描述

2.段落标签

p标签：将一段文字分段(有换行的效果)；< p>< /p>
结果展示：
1.没分段结果：
在这里插入图片描述

2.有分段结果：
在这里插入图片描述

3.段落缩进标签

blockquote：大引用标签，对内容进行背景解释说明；< blockquote>< /blockquote>
结果展示：

在这里插入图片描述

q标签：小引用标签（范围小）
结果展示：

4.滚动标签

marquee标签，默认滚动的方向：从右到左
有以下属性：

1.表示滚动方式：behavior ：
交替滚动：scroll
滚动到某一边结束：slide
来回滚动：alternate
2.给标签指定背景颜色： bgColor属性（html标签）
3.滚动标签滚动的次数：loop
4.滚动方向：direction：left， right …
5.设置滚动的速度:scrollamount

代码展示：

<marquee behavior="alternate" 
bgcolor="aquamarine" scrollamount ="15"direction="left">
 喵喵喵喵喵喵~
</marquee>

结果：
在这里插入图片描述

5.原样输出标签

pre标签

6.上下标标签

7.列表标签

1.无序列表
ul：默认是一个圆点
属性：type：规定当前列表项的标记，可以换其他图案
li（列表项）

2.有序列表
ol：默认标记是1.2.3.4…
属性：type：规定当前列表项的标记：可以换ABC…或者其他
li（列表项）

3.组织架构列表
dl
dt
dd
< br />:换行
结果展示：
在这里插入图片描述

在这里插入图片描述

8.其他的文本标签

粗体标签

strong标签：普通的加粗标签
b标签：带一种语义的粗体标签（强调）

斜体标签

em标签
i标签：与em标签效果一样

行内标签

span标签:表单验证时使用

块标签

div标签：占一行
网页布局中会用到div，页面布局有两种方式：
1.早期的table布局
2.div+css：分层布局