网页的标题标签，段落标签，换行标签

最新推荐文章于 2024-04-16 19:19:57 发布

实话实说你是个傻瓜

最新推荐文章于 2024-04-16 19:19:57 发布

阅读量1.6k

点赞数 2

分类专栏： web网页标签文章标签： html css html5 web css3

本文链接：https://blog.csdn.net/qq_45405176/article/details/106182861

版权

web网页标签专栏收录该内容

13 篇文章 1 订阅

订阅专栏

一，网页标题标签

测试标题大小和使用方式< h1 > ~ < /h1 >

<!DOCTYPE html>
<html lang="en">
<head>    	
	<meta charset="UTF-8">    
	<meta name="viewport" content="width=device-width, initial-scale=1.0">    
	<title>Document</title>
</head>
<body>    
	<!-- 标题标签就是<h1></h1> -->
	<h1>最大标题</h1>    
	<h2>六级标题</h2>    
	<h3>由大到小</h3>    
	<h4>文字加粗</h4>    
	<h5>独占一行</h5>    
	<h6>如图所示</h6>    
这是正常文字对比
</body>
</html>

结果如图：
注：标题是独占一行的，且重要性逐渐递减。

二，网页段落标签

由于不论加多少空格，都只会显示一个空格！！包括换行
所以段落需要手动分段落。使用方式：< p > < /p >是一个双标签。

为一下文字添加段落：
添加段落标签：< p >

<!DOCTYPE html>
<html lang="en">
<head>    
	<meta charset="UTF-8">    
	<meta name="viewport" content="width=device-width, initial-scale=1.0">    
	<title>Document</title>
</head>
<body>    
	<p>雷姆，轻小说《Re：从零开始的异世界生活》及其衍生作品的主要角色，在罗兹沃尔的宅邸中一手担当全部杂务的双胞胎女仆中的妹妹，小时候家人被魔女教所杀，姐姐角被斩断，从而憎恨魔女教，初识昴因其身上有魔女气味不待见昴，之后解开误会被昴拯救，认定昴是她的英雄，一心一意的相信并照顾昴，看似毒舌冷漠，其实内心很坚强，很温柔。    </p>    
	<p>2016年斩获第四届韩国 Aniplus Character Tournament 冠军。</p>    
	<p>2017年斩获第二届Bilibili动画角色人气大赏活动日漫区萌王（女子组第一名）。 [1]</p>    
	<p>2018年斩获第五届Reddit论坛Anime版块萌战冠军。 [2]</p>
	<p>2019年斩获第十一届国际最萌大会皇冠赛冠军。 [3]</p>    								    
</body>
</html>

效果：

在这里插入图片描述
段落标签的特点是：

文本在同一个段落中会根据浏览器窗口大小自动换行
段落和段落之间有较大的空隙

三，换行标签

< br / >是一个单标签
只是强制换行，另起一行显示，和段落标签的空隙不同

比如：在 “衍生” 后面添加< br / >，即可有如下效果：
在这里插入图片描述

实话实说你是个傻瓜

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
网页的标题标签，段落标签，换行标签

一，网页标题标签测试标题大小和使用方式< h1 > ~ < /h1 ><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
复制链接

扫一扫