HTML标签概述第二篇

最新推荐文章于 2024-08-02 13:35:44 发布

喜欢你笑⠀

最新推荐文章于 2024-08-02 13:35:44 发布

阅读量236

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/xh7531/article/details/122396892

版权

五、HTML标题标签

HTML 中存在<h1>到<h6>六个级别的标题标签，其中<h1>标签的级别最高，<h6>标签的级别最低。

通过这些标签可以使网页的结构层次分明，便也直观的理解，也美化了网页界面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我眼里都是学习</title>
</head>
<body>
    <h1>我</h1>
    <h2>眼</h2>
    <h3>里</h3>
    <h4>都</h4>
    <h5>是</h5>
    <h6>学习</h6>
</body>
</html>

运行结果如下：

六、HTML段落标签<p>

HTML标签中，<p>可以吧文章分成若干个段落。<p> </p>是闭合标签，是成对的。

段落标签是我们在网页编写中经常用到的，简单来说，就是文章段与段之前的分隔。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的眼里都是学习</title>
</head>
<body>
    <p>CSDN是全球知名中文IT技术交流平台，网址：<a href="https://www.csdn.net/" target="_blank">https://www.csdn.net/</a></p>
    <p>CSDN创建于<b>1999年</b>,包含<i>原创博客</i>、<i>精品问答</i>、<i>职业培训</i>、<i>技术论坛</i>、<i>资源下载</i>等产品服务,
		<i>提供原创</i>、<i>优质</i>、<i>完整内容</i>的专业IT技术开发社区。
		 请<a href="https://www.csdn.net/">点击这里</a>进入官网，与众多博主共同学习。</p>
</body>
</html>

运行结果如下：

段落中的空格符

浏览器会对如下两种情况进行相对应的处理：

当段落中出现多个连续的空格，浏览器会忽略这些空格，只保留一个空格。
当段落中出现多个连续的换行，浏览器会忽略这些换行，转化成一个空格。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的眼里都是学习</title>
</head>
<body>
    <p>CSDN是全球知名中文IT技术                              交流平台</p>
	<p>我的眼里
	
	
	
	
	
	
	
	
	
	
	都是学习</p>
</body>
</html>

运行结果如下：

如果想要在段落中换行，就需要自闭和标签<br />。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的眼里都是学习</title>
</head>
<body>
    <p>CSDN是全球知名中文IT技术                              交流平台</p>
	<p>我的眼里<br />都是学习</p>
</body>
</html>

运行结果如下：

七、文本格式

我们可以利用一些标签，对文章或者段落进行相应加粗、倾斜、字体、大小等等。

标签	作用
<b> </b>	加粗字体。
<i> </i>	使字体倾斜。
<em> </em>	强调内容，并使字体倾斜。
<small> </small>	定义字体为小号字体。
<strong> </strong>	强调内容，加粗字体。
···	···

注意：都是对标签的内容进行操作！

<b>和<strong>：<strong>和<b>虽然都是对内容进行加粗，但是<strong>具有特殊意义，而<b>只是加粗字体，没有什么特殊意义。

<i>和<em>：和<b>和<strong>之前的关系一样，<i>和<em>都是对内容进行倾斜，但是<em>具有特殊意义，而<i>只是加粗字体，没有什么特殊意义。

八、HTML注释

HTML 的注释是，这是对某一内容进行注释，假如需要对几行内容进行注释，则大同小异。如下所示：

<!--

内容

-->

喜欢你笑⠀

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签概述第二篇

五、HTML标题标签HTML 中存在<h1>到<h6>六个级别的标题标签，其中<h1>标签的级别最高，<h6>标签的级别最低。通过这些标签可以使网页的结构层次分明，便也直观的理解，也美化了网页界面。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我眼里都是学习</title&
复制链接

扫一扫