html标签——基础
Posted 笔记记录
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html标签——基础相关的知识，希望对你有一定的参考价值。
这就是html的基础标签：
| <!DOCTYPE> | 定义文档类型。 |
| <html> | 定义一个 HTML 文档 |
| <title> | 为文档定义一个标题 |
| <body> | 定义文档的主体 |
| <h1> to <h6> | 定义 HTML 标题 |
| <p> | 定义一个段落 |
| <br> | 定义简单的折行。 |
| <hr> | 定义水平线。 |
| <!--...--> | 定义一个注释 |
在第一篇笔记中已经接触了大多数的基础标签：
<html><head><title>这是标题</title></head><body>这是主要文本内容！</body></html>
这里介绍其他几个标签：
h1~h6和注释标签：
<html><head><title> New Document </title><!-- 这是注释标签 --></head><body><h1>这是h1</h1><h2>这是h2</h2><h3>这是h3</h3><h4>这是h4</h4><h5>这是h5</h5><h6>这是h6</h6></body></html>
在浏览器打开后是这样子的（注释标签不会被显示！！）：
（另外<section>可以变相实现<h7>标签）
p 标签（这里想引申一下<article>标签）：
<html><head><title> New Document </title></head><body><p> 从高中毕业填报志愿起，就心心念念着编程，大专期间也尝试看java，c等，但最终发现自学这些语言真的很难。现在已经毕业一年了，工作也有两年的时间了，终究还是喜欢着编程，但已经放弃了c、c++、java等语言，选择了相对容易理解的html，决定通过它来一步步深入学习!</p></body></html>
<html><head><title> New Document </title></head><body><article> 从高中毕业填报志愿起，就心心念念着编程，大专期间也尝试看java，c等，但最终发现自学这些语言真的很难。现在已经毕业一年了，工作也有两年的时间了，终究还是喜欢着编程，但已经放弃了c、c++、java等语言，选择了相对容易理解的html，决定通过它来一步步深入学习!</article></body></html>
<p>和<article>标签在浏览器打开后基本一样：
单看是看不出来的，但是这样就可以看出来了
（<article>包含<p>）：
<html><head><title> New Document </title></head><body><article> 从高中毕业填报志愿起，就心心念念着编程，大专期间也尝试看java，c等，但最终发现自学这些语言真的很难。<p>现在已经毕业一年了，</p>工作也有两年的时间了，终究还是喜欢着编程，但已经放弃了c、c++、java等语言，选择了相对容易理解的html，决定通过它来一步步深入学习!</article></body></html>
结果：
<p>包含<article>：
<html><head><title> New Document </title></head><body><p> 从高中毕业填报志愿起，就心心念念着编程，大专期间也尝试看java，c等，但最终发现自学这些语言真的很难。<article>现在已经毕业一年了，</article>工作也有两年的时间了，终究还是喜欢着编程，但已经放弃了c、c++、java等语言，选择了相对容易理解的html，决定通过它来一步步深入学习!</p></body></html>
结果：
以上两种包含方式显示的结果是有区别的：行间距不同！（“现在已经毕业一年了”前后）
通常都是<article>包含<p>。
以上是关于html标签——基础的主要内容，如果未能解决你的问题，请参考以下文章