HTML的标签1

HTML的标签1

由于HTML会改变博客展示情况,所以将内容全部放在代码块里:

HTML的基本标签
标题h1~h6
段内换行br
段内分组span
段落p
预留格式pre
水平线hr

标题h1~h6
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>一级标题</h4>
<h5>二级标题</h5>
<h6>三级标题</h6>

段落p
<p>这里是段落,每个段落自动换行.</p>
<p>
段落内部文字忽略连续     空格
也不会显示空行换行
</p>

段内换行br
用法直接插入,单标签<br/>

空格字符&nbsp;
用法:&nbsp;&nbsp;&nbsp;

预留格式pre
<pre>
保留原格式的内容
</pre>

行内组合span:行内组合元素,以便通过cs样式格式化
用法:<span>格式化字体颜色粗细等等</span>

水平线hr,单标签
<p>正文段落</p>
<hr/>
<p>正文段落</p>

注释标签<!--注释内容-->
<body>
	<!--这是一个段落注释-->
	<!--注释不会在浏览器中显--示>
	<!--注释可以跨 
	行-->
</body>

下面开始写一段HTML巩固标签知识:

<!DOCTYPE html>
<html lang="en">
<head><!--头部浏览器,搜索引擎所需信息-->
	<meta charset="UTF-8">
	<title>首页</title>
</head>

<style type="text/css">
span{
color:blue;
AAAAAA
font-weight:bold;
}
</style>

<body>
	<h1>web前端开发</h1>
	
	<h2>HTML</h2>
	<p>超文本标记语言</p>
	<hr/><!--水平分割线-->

	<h2>段落</h2>
	<p>
		每个段落自动换行,段落内部文字忽略连续空格也不会显示空行
	</p>

	<p>段内空格用&nbsp;&nbsp;换行用<br/></p>
	<pre>
	预留格式pre  
	保留所有原格式,可以直接用空格 换行
	展示成功</pre>
	<hr/><!--水平分割线-->

	<h2>行内元素组合span,以便通过css来格式化</h2>
	<p>
	例如<br/>
	<span>设置字体颜色和粗细</span>
	</p>
	代码结束<hr/>
<body>
</html>

网页展示情况如下:
在这里插入图片描述

发布了100 篇原创文章 · 获赞 56 · 访问量 4866

猜你喜欢

转载自blog.csdn.net/weixin_44307065/article/details/103719465