HTML学习笔记二——HTML文本一

最新推荐文章于 2023-12-15 11:15:30 发布

[山青花欲燃]

最新推荐文章于 2023-12-15 11:15:30 发布

阅读量282

点赞数 1

分类专栏： HTML 文章标签： html 学习 javascript

本文链接：https://blog.csdn.net/qq_53904578/article/details/125751100

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

HTML文本

页面组成元素

静态页面
- 文字；
- 图片；
- 超链接；
- 音频和视频。
动态页面

使用了JS也不一定是动态页面，除非使用了后端技术。
- 带有音频和视频；
- 带有Flash动画；
- 带有CSS动画；
- 带有JS特效。

HTML文本

分析

标题标签
段落标签
文本标签（上标标签）
水平线标签
文本标签（下标标签）
特殊符号

可以根据标签的语意（英文意思）辅助记忆，这是比较有效的记忆方法。

标题标签

$< h (n) > < / h (n) >$

6级标题标签 h1最大

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>标题标签</title>
</head>
<body>
    <h1>这是一级标题</h1>
    <h2>这是二级标题</h2>
    <h3>这是三级标题</h3>
    <h4>这是四级标题</h4>
    <h5>这是五级标题</h5>
    <h6>这是六级标题</h6>
</body>
</html>

段落标签

段落标签
$$
文本等
$$

<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title>段落标签</title>
</head>
<body>
    <h3>爱莲说</h3>
    <p>水陆草木之花，可爱者甚蕃。晋陶渊明独爱菊。自李唐来，世人甚爱牡丹。予独爱莲之出淤泥而不染，濯清涟而不妖，中通外直，不蔓不枝，香远益清，亭亭净植，可远观而不可亵玩焉。</p>
    <p>予谓菊，花之隐逸者也；牡丹，花之富贵者也；莲，花之君子者也。噫！菊之爱，陶后鲜有闻；莲之爱，同予者何人? 牡丹之爱，宜乎众矣。</p>
</body>
</html>

在这里插入图片描述

换行标签
$上一行 < b r / > 下一行$
或者两个p标签,效果有一点小区别；

br标签用于换行，p标签用于分段，两段文字使用两个p标签分开就好。
```
<!DOCTYPE html> 
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <h3>静夜思</h3>                  
    <p>床前明月光，疑是地上霜。</p>
    <p>举头望明月，低头思故乡。</p>
    <p>床前明月光，疑是地上霜。<br/>
    举头望明月，低头思故乡。</p>
</body>
</html>
```

文本标签

形式均如
$< a > 待修饰文本等 < / a >$
一般也可以使用标签名称称呼。

以下中比较重要的是：

标签	语意	说明
strong	strong（强调）	粗体
em	emphasized（强调）	斜体
sup	superscripted（上标）	上标
sub	subscripted（下标）	下标

粗体标签：strong、b

开发时尽量使用strong标签；
斜体标签：i、em、cite

开发时尽量使用em标签；
上标标签：sup

如平方、立方等；
下标标签：sub

如化学表达式；
中划线标签：s

也叫删除线标签，学习了CSS之后，一般使用CSS实现，不使用s标签，了解一下即可；
下划线标签：u

学习了CSS之后，一般使用CSS实现，不使用u标签，了解一下即可；
大字号标签：big

实际开发中不会使用big标签，一般使用的是CSS实现，了解一下即可；
小字号标签：small

实际开发中也不会使用small标签，一般使用的是CSS实现，了解一下即可；

[山青花欲燃]

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML学习笔记二——HTML文本一

使用了JS也不一定是动态页面，除非使用了后端技术。可以根据标签的语意（英文意思）辅助记忆，这是比较有效的记忆方法。6级标题标签 h1最大文本等换行标签上一行下一行上一行下一行上一行下一行或者两个p标签,效果有一点小区别；br标签用于换行，p标签用于分段，两段文字使用两个p标签分开就好。形式均如待修饰文本等待修饰文本等待修饰文本等一般也...
复制链接

扫一扫