文章目录
- 一、标题标签简介及代码
- 二、段落标签简介及代码
- 三、换行标签简介及代码
- 总结
文章来源地址https://www.toymoban.com/news/detail-443397.html
提示:以下是本篇文章正文内容,下面案例可供参考
一、标题标签简介及代码
1.标题标签简介
标题标签分为六级:<1>~<6>,其字号的大小逐级递减。
标题标签的特点:(1)加了标题标签的文字将会加大加粗;(2)一个标签独占一行。
2. 代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>标题一共六级选</h1>
<h2>文字加粗一行显</h2>
<h3>由大到小依次减</h3>
<h4>从重到轻随之变</h4>
<h5>语法规范书写后</h5>
<h6>具体效果刷新见</h6>
</body>
</html>
3. 页面展示
二、段落标签简介及代码
1. 段落标签简介
<p> 为段落标签。段落标签里面可以嵌套其他的html标签。
2. 代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>她26岁的女儿,梅尔与她的前任,62岁的安东尼奥·班德拉斯(Antonio Banderas)分享,与她的妈妈在一起的那一天看起来非常时尚。Stella 将她的黑色牛仔裤与无袖白色吊带背心上衣和黑色露趾凉鞋搭配在一起。黑发美女也与梅兰妮的发型结为一体,因为她也戴着她的锁,前面有刘海。值得注意的是,梅尔在西班牙出生的女儿戴着棕色太阳镜,戴在鼻梁上。最后,Stella 用一条潮流的金项链完成了她别致的服装.</p>
文章来源:https://www.toymoban.com/news/detail-443397.html
<p>梅兰妮与斯特拉的一天是在她参加杰米·李·柯蒂斯的新电影《万圣节尽头》于10月13日首映一周后。这位65岁的老人在Instagram上分享了她给杰米脸颊一个大大吻的甜蜜快“@jamieleecurtis我太爱这个女人了!我们分享的悠久的爱的历史!恭喜杰米!!”,梅兰妮为帖子加了标题。在照片中,两位标志性的明星穿着连体裤看起来很时髦,杰米穿着白色的单色外观,而梅兰妮则选择了灰色格子西装。</p>
</body>
</html>
3. 页面展示
三、换行标签简介及代码
1. 换行标签简介
在HTML标签中还有一种比较常用的标签就是换行标签:<br />
2. 代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
她26岁的女儿,梅尔与她的前任,62岁的安东尼奥·班德拉斯(Antonio Banderas)分享,与她的妈妈在一起的那一天看起来非常时尚。<br/> Stella 将她的黑色牛仔裤与无袖白色吊带背心上衣和黑色露趾凉鞋搭配在一起。<br/>黑发美女也与梅兰妮的发型结为一体,因为她也戴着她的锁,前面有刘海。 <br/>值得注意的是,梅尔在西班牙出生的女儿戴着棕色太阳镜,戴在鼻梁上。最后,Stella 用一条潮流的金项链完成了她别致的服装.
</body>
</html>
3. 页面展示
总结
其中需要注意的是在HTML标签中标题标签和段落标签都是双标签,而换行标签为单标签。例如:<h1>我是一个标题标签</h1> <p>我是一个段落标签</p> 我是换行标签<br/>。
到了这里,关于HTML的标题,段落和换行标签的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!