学习HTML 笔记A3 ：HTML标题、段落、文本格式化

最新推荐文章于 2022-08-01 09:34:42 发布

熊八宝

最新推荐文章于 2022-08-01 09:34:42 发布

阅读量360

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/BearEight/article/details/118786139

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

一、HTML标题

1、标题（Heading）是通过 <h1> - <h6> 标签进行定义的：

<h1> 定义最大的标题。 <h6> 定义最小的标题。

2、浏览器会自动在标题的前后添加空行（标题是粗体且大号）

3、<hr>在页面中创建水平线，我们可用它来分割内容。

效果如图：

代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>I am the name</title>
</head>
<body>
    <h1>让我看看有没有加空行</h1>
    <hr>
<p>例如，对于下面这个一元二次方程：</p>
<a href="https://www.baidu.com/">访问百度</a>
</body>
</html>

4、查看网页的源代码：右键——>查看源文件

二、HTML段落：<p></p>

1、<br>：不产生新段落的情况下换行

效果图：

代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>I am the name</title>
</head>
<body>
    <h1>让我看看有没有加空行</h1>
    <hr>
<p>例如，对于下面这个一元二次方程：</p>
<a href="https://www.baidu.com/">访问百度</a>
<p>让我来<br>试试<br>能不能换行</p>
</body>
</html>

2、注：我们无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

演示代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>I am the name</title>
</head>
<body>
    <h1>数不清是第几个尝试的代码呢</h1>
    <hr>
    <p>我微笑着走向生活
             我微笑着走向生活，
                 无论生活以什么方式回敬我。
   </p>
</body>
</html>

效果如下：

三、文本格式化（加粗、斜体、上标下标等）

1、文本格式化标签

详见👉：https://www.runoob.com/html/html-formatting.html

2、效果有：加粗、斜体、上标下标、控制空格空行、写地址、缩写、文字显示方向、标记删除文本和插入文本

熊八宝

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
学习HTML 笔记A3 ：HTML标题、段落、文本格式化

一、HTML标题 1、标题（Heading）是通过 <h1> - <h6> 标签进行定义的：<h1> 定义最大的标题。 <h6> 定义最小的标题。 2、浏览器会自动在标题的前后添加空行（标题是粗体且大号） 3、<hr>在页面中创建水平线，我们可用它来分割内容。效果如图：代码如下：...
复制链接

扫一扫