一、HTML介绍及认识
(一)：1991年8月6日，来自欧洲核子研究中心的科学家Tim Berners-Lee，启动了世界上第一个可以正式访问的网站（http: //info. cern. ch/），从此人类宣布了互联网时代的到来。HTML（hypertext markup language，即超文本标记语言），是一种用来制作超文本文档的简单标记语言，主要用于万维网（world wide web，www）语言，是描述网页的格式设计与万维网上其他界面的连接信息。
工作原理：利用各种标记（tag）来识别文档结构及超链接（hyper）的信息。不同浏览器显示效果不一样。
1、静态网页：纯粹的HTML格式网页，无论何时何地，只显示固定页面。
如：
<html>
<head>
<title>网页标题</title>
</head>
<body>
<h1>这是一个静态页面</h1>
<h2>我不骗你的</h2>
<p>这是个段落</p>
</body>
</html>
2、动态页面：根据条件改变而改变的界面，可以由动画、纯文字等构成。动态网页是以 .asp .jsp .php .perl .cgi等扩展名，并且在动态网页网址上有一个"？“,典型的动态网页。
3、两者区别：动态网页比静态网页显得更智能化，更人性化，可以根据用户输入进行检查判断。
(二)：HTML构成
1、html结构，head和body
2、html样式：CSS（cascading style sheet 层叠样式表）
3、html行为：JavaScript（跟java没有任何关系）
(三)：HTML标记组成
HTML文本被标记后，浏览器会对尖括号内的内容进行解释，从而在浏览器内显示完整界面及作者想要表达的意思。
1、单标记：有些标记只用一个就能完整表达标记的意思，只需要输入一个标记名即可表达完整内容。如：<hr>画一条横线 <br>强制换行， 等等。
2、双标记：标记过程需要有头有尾，否则会导致引用错误。开头标记比结束标记少了一个''/''。如：<h1> 内容</h1> <body></body> <html></html>等。
3、标记的使用规则：
由于HTML包含：头部<head> 、内容体<body>。所以标记体位置不能随便放，<title></title>是不能放在<body></body>里面的。同理<p></p>也不能放在<head></head>里面。
(四)：HTML结构组成
<!Doctyoe html> <!--html5的文档声明-->
<html>
<head>
<meta charset="utf-8">
<title>网页标题</title>
<style>
css
</style>
</head>
<body> <!-- 注释 -->
<p>
<br>
</p>
</body>
</html>
(五)：HTML编写工具
1、Dreamweaver
2、MS VS Code
3、Hbuilder
4、Notepad++
5、Pycharm