一、初步了解HTML
HTML是一种超文本标签语言，浏览器则是用来“解释和执行”HTML源码的工具。
HTML的基本结构
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html>
其中<!DOCTYPE html>是文档类型声明，声明这个文件必须是HTML5文件，让浏览器按照HTML5准备进行解析，必须在HTML5中，必须要有，且是一定要写在文件的最上方滴。
<title></title>是网页的标题，显示在最上方的文字：
<head> </head>是用来描述网页的一些关键信息。例如网页的配置、设置、关键字等等。。。这些信息，大多在浏览器看不到，但是对网页的解析至关重要！
<body> </body>则是所有的代码都写在其中。
二、初步了解标签
1、<head>头部部分
1）link：网页标题的图标
链接网页的小图标，网页选项卡上面的小图片
其中rel="icon"表示当前link的作用是链接网页图标
href="img/ss.gif"表示图标的地址所在的位置
<link rel="icon" href="img/sss.gif" />
2)meta:用于描述网页的各种信息
①其中<meta charset="utf-8" />设置网页的编码格式为utf-8格式
常见的中文编码格式：GB2312：国标码，简体中文；GBK：扩展国标码，简体中文
utf-8：万国码，兼容各种语言编码，常用！
②可以设置网页的关键字有助于搜索引擎的搜索，多个关键字用英文逗号分开
<meta name="keywords"content="杰睿教育,网页开发" />
③设置网页的详细信息，搜索引擎时标题下面的一段文字！
name="description" 表示这个meta标签设置的是网页的描述信息；
content="" 表示描述信息的详细内容！！
<meta name="description"content="这是我在，，，，"/>
2、<body>主体部分
1）标签的分类
①块级标签：显示为块状，独占一行，自动换行。
②行级标签：在一行中，从左往右依次排列，不会自动换行。
2）块级标签
常见的块级标签有：
a.标题标签：<h1></h1>......<h6></h6> 特点:h1最大，h6最小且自动加粗。
b.水平线标签：<hr/>
c.段落标签：<p></p>
d.换行标签：<br/>
e.引用标签：<blockquote></blockquote>
要的cite属性表明引用的来源，一般为网址，且网址不会在网页中展示，浏览器一般显示为首行缩进
f.预格式标签：<pre></pre>
浏览器默认显示样式：①显示为等宽字体
②代码中的换行，空格等元素可在浏览器中直接显示。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML基本块级标签</title>
</head>
<body>
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
<hr/>
<p>这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！
哈哈啊哈哈哈啊哈哈哈哈啊哈！<br/>这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！</p>
<p>这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！这是一段文字！哈哈啊哈哈哈啊哈哈哈哈啊哈！</p>
<pre>
if(entity != null){
tring result = EntityUtils.toString(entity,"UTF-8");//HttpEntity转为字符串类型
jsonObject = JSONObject.fromObject(result);//字符串类型转为JSON类型
}
</pre>
<blockquote cite="http://www.jredu100.com">
光明正大的不要脸！这段话就是抄的！你能咋地！
</blockquote>
</body>
</html>
g.有序列表
<ol> （order list）
<li>...</li> 列表项可以有n多个
<li>...</li>
<li>...</li>
</ol>
h.无序列表
<ul> (unorder list)
<li>...</li> n多个
<li>...</li>
<li>...</li>
</ul>
i.定义描述列表
<dl>
&