1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 学习HTML 笔记A3 :HTML标题 段落 文本格式化

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

时间:2022-08-19 17:36:13

相关推荐

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

一、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="/">访问百度</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="/">访问百度</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、文本格式化标签

详见👉:/html/html-formatting.html

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。