Html标题标签:
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>标签可以在网页上定义6种级别的标题,这6种级别的标题表示文档的6级目录层级关系。(类似于word文档的标题)
搜索引擎会使用标题将网页的结构和内容编制索引,所以网页上使用标题是很重要的。
代码:
<!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>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<h1>博客简介</h1>
<p>博客的出现,使我们在互联网世界,第一次有了知识积累和文化指向。使人类由粗放的数字化生存,过渡为个人化的精确的目录式生存。博客们将工作、生活和学习融为一体,通过博客日志,将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。</p>
</body>
</html>
浏览器渲染效果:
html字符实体:
空格
Html代码中的成段的文字,如果想在文字之间空多个空格,在渲染成网页时只会显示一个空格,如果想显示多个空格,可以使用空格的字符实体
< 和 >
在网页上显示< 和 >会被误认为是标签,所以想在页面上显示 < 和 > ,可以使用它们的实体:<、>
Html换行:
<br>换行标签,单标签(不是成对的),规范的写法可以是<br />
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>段落标签</title>
</head>
<body>
<h1>博客简介</h1>
<p> 博客的出现,使我们在互联网世界,第一 次有了知识积累和文化指向。
使人类由粗放的数字化生存,过渡为个人化的精确的目录式生存。<br />
博客们将工作、生活和学习融为一体,通过博客日志,<br />
将日常的思想精华及时记录并发布,萃取并链接全球最有价值、最相关、最有意思的信息与资源。</p>
<p>10>5</p>
<p>2<8</p>
<!-- > greater than 大于
< less than 小于
-->
</body>
</html>
浏览器渲染效果: