HTML的标签1
程序员文章站
2022-05-14 23:46:15
...
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/>
空格字符
用法：
预留格式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>段内空格用 换行用<br/></p>
<pre>
预留格式pre
保留所有原格式，可以直接用空格 换行
展示成功</pre>
<hr/><!--水平分割线-->
<h2>行内元素组合span，以便通过css来格式化</h2>
<p>
例如<br/>
<span>设置字体颜色和粗细</span>
</p>
代码结束<hr/>
<body>
</html>
网页展示情况如下：