5、HTML常见基本标签

1、开放、闭合、自闭合标签

• 开放标签：成对出现的标签的前一个称为开放标签。如：

<h1> 一级标题 </h1> 的前一个 <h1> 为开放标签

• 闭合标签：成对出现的标签的后一个称为闭合标签。如：

<h1> 一级标题 </h1> 的后一个 </h1> 为闭合标签

• 自闭合标签：单个出现的标签称为自闭合标签。也叫自结束标签

换行标签 <br /> 就是一个自闭合标签，写法是：一对尖括号中间写上br
然后再空一格，加上/ 。当然 / 是一个可选选项。也就是不加 / 也是
可以的 ， 如 ： <br>

2、标题标签

成对出现的 <h1> 到 <h6> 如：
				 	<h1>一级标题</h1>
				    <h2>二级标题</h2>
				    <h3>三级标题</h3>
 字体大小从大到小。

3、段落标签

段落标签：对于直接写在body标签里面的内容，浏览器是可以直接显示的
但是，其中的空格，换行，这些都是会被过滤的，所以，需要使用段落标签
<p> <p/>标签，将内容括起来。这样就可以一行一行的显示了。

注意：段落标签是默认换行的。

4、实体（特殊符号）

问题的出现：在HTML中，比如< > 这样的特殊的标签是不能被直接使用的。
<b>这是加粗的标签，需要使用一些特殊的符号，来表示这些特殊的字符，
这些特殊符号称之为实体（或叫转义字符）。

实体语法：
	& + （实体的名字）+ ;  
	比如：
	小于符号<  用转义表示为：&lt;  
	&gt; （这是大于符号）
	&nbsp；（这是空格）     
	&copy；（版权符号） 
	
注意：分号也是语法中的一部分。

如下图所示：左边的代码（实体）显示为右边的效果

5、换行标签

  <br /> 是换行标签，/ 可以省略，也就是 <br> 也是可以的。

6、水平线标签

水平线标签： <hr /> 是可以根据网页进行伸缩的，当网页窗口变小
了之后，水平线也是会跟着变短的。窗口最大化后，也会跟着窗口变长

7、粗体、斜体

粗体使用的标签是： <strong>粗体标签</strong>
斜体使用的标签是： <em> 斜体标签</em>

8、注释

注释的方式： <!-- 注释的内容  -->

---

杂谈

1. 在IDEA 中，Ctrl + / 可以快速注释。在Hbuilder中也是一样的快捷键。
2. 如果忘记了该标签是自闭合标签，还是成对的标签，可以使用Tab键进行自动补全，比如：输入h1 ，然后按一下tab键，IDEA，和 Hbuilder 都是会自动补全的。如果忘记了换行标签 br 标签是自闭合标签。输入br后直接按tab键，就可以知道了，并且，开发工具会把格式规范化。
3. 如果忘记了特殊符号，也就是实体，是哪些内容怎么办呢？可以利用IDE的提示功能，首先打一个 & 符号，然后，可以一个字母一个字母的输入就可以看见相应的符号了。当然这样是没有效率的。如下：&g，之后，IDE就提示了这么多的东西。