HTML的标准结构
<html> ——>根标签
<head> ——>头标签：主要指定当前网页的编码格式以及当前窗口标题
<title> ——>标题标签
当前窗口的标题
<\title>
<\head>
<body>
需要显示的内容
<\body>
<\html>
标签
标题标签
h1~h6 :标题由大到小
p: 段落标签
blockquote: 段落缩进标签
b: 加粗标签
strong：加粗标签（带“语义”）
i：斜体标签
em: 斜体标签（带强调“语义”）
hr：水平线标签
pre：原样输出标签（将当前文本格式直接显示出来）
<br />：换行
sup：上标
x<sup>2</sup>:（x^2）
sub：下标
H<sub>2</sub>O <br />：化学公式H2O
marquee：滚动标签
属性值：
alternate：来回滚动
scroll：交替滚动
slide：滚动一次，默认从右到左
<marquee behavior> = “slide” ……
div：块标签
span：行内标签
img：图片标签（要连接的图片放在img文档中）
属性：
src：链接图片资源（相对路径）
../ ：回退上一级目录
alt：替代文本（当图片失效的时候起作用）
title：当鼠标悬停于图片上时，title起作用
<img src="img/x.jpg" alt="这是一个图片" title="mm" />
用法
<!-- 根标签 -->
<html>
<!--头标签(主要指定当前网页的编码格式以及当前窗口标题)-->
<head>
<!--编码格式-->
<meta charset="UTF-8">
<!--标题标签（当前窗口的标题）-->
<title>常用标签的使用</title>
</head>
<!--需要显示的内容-->
<body>
<!--h1~h6:标题标签（h1~h6标题又大到小）-->
<h2>文章标题</h2>
<!--p: 段落标签
blockquote:段落缩进标签
-->
<p><blockquote>这是第一段段落的内容，并且设置其段落缩进</blockquote></p>
<!--b: 加粗标签
strong：加粗标签（带强调“语义”）
<br />：换行
-->
<b>b加粗标签的加粗效果，并设置了换行</b><br />
<strong>strong加粗标签的加粗效果</strong> <br />
<!--
i：斜体标签
em: 斜体标签（带强调“语义”）
-->
<br />
<i>i斜体标签的斜体效果，并设置了换行</i><br />
<em>em斜体标签的斜体效果</em> <br />
<!--hr：水平线标签-->
<hr />
<!--pre：原样输出标签（将当前文本格式直接显示出来）-->
<pre>
原样输出:
public static void main(String[] args){
System.out.println("Hello world!");
}
</pre>
<hr />
<!--sup:上标
sub：下标
-->
x<sup>2</sup> <!--x^2-->
<br />
H<sub>2</sub>O <!--化学公式H2O-->
<br />
<!--marquee：滚动标签
属性值：
alternate：来回滚动
scroll：交替滚动
slide：滚动一次，默认从右到左
-->
<hr />
<marquee behavior="alternate">来回滚动</marquee>
<br />
<marquee behavior="scroll">交替滚动</marquee>
<br />
<marquee behavior="slide">滚动一次，默认从右到左</marquee>
<br /><hr />
<!--div：块标签
span：行内标签
-->
<div>块标签</div>
<span>行内标签</span>
<br />
<!--img：图片标签
属性：
src：链接图片资源（相对路径）
../ ：回退上一级目录
alt：替代文本（当图片失效的时候起作用）
title：当鼠标悬停于图片上时，title起作用
-->
<img src="img/1.jpg" alt="这是一个图片" title="dog" />
</body>
</html>
结果展示：
330
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
