初始我们的HTML
HTML
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
2、Html的历史：
超文本标记语言（第一版）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准[4]
HTML5的优势：
世界知名的浏览器厂商对H5的支持。
微软。苹果。Google。。。。。。
市场的需求
跨平台
W3C:
万维网联盟，说白就是提出一个标准，我们按照这个标准来就可以。
结构化标准语言：（HTML,xml）
表现标准语言：css
行为标准：js
3、常用的工具
1、HBuilder
功能简介：
HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。
2、Sublime Text
功能简介：
Sublime Text是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。Sublime Text的主要功能包括：拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。
3、PS
功能介绍：
Dobe Photoshop，简称“PS”，是由Adobe Systems开发和发行的图像处理软件。
Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
4、Dreamweaver
功能介绍：
dreamweaver是个由Macromedia公司所开发的著名网站开发工具。它使用所见即所得的接口，亦有HTML编辑的功能。
5、WebStorm
功能介绍：
WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。
6、Visual Studio Code
功能介绍：
Visual Studio Code中文版是微软推出的带 GUI 的代码编辑器，软件功能非常强大，界面简洁明晰、操作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对 Markdown的支持，新增PHP语法高亮。
7、wampServer
功能介绍：
WampServer，是Windos Apache Mysql PHP集成安装环境，即在window下的apache、php和mysql的服务器软件。PHP扩展、Apache模块，开启/关闭鼠标点点就搞定，再也不用亲自去修改配置文件了，WAMP它会去做。再也不用到处询问php的安装问题了，WAMP一切都搞定了。
8、Atom
功能介绍：
ATOM，是一个现代的文本编辑器,平易近人,但可删节的核心工具定制做任何事,也可以使用有效不沾一个配置文件。
4、网页的基本信息：
标签：
成对出现的标签，分别叫做开放标签和闭合标签，
Html的注释：
注释：
任何语言都有注释，注释是给我们程序员自己看，不给电脑看，电脑也不认识。
在我们的idea中。快速生成我们的注释的快捷键：ctrl+/
5、网页的标签：
一级标题
二级标题
三级标题
6、安装我们的idea
7、配置idea
配置一下你的工具的皮肤：通过鼠标滑轮来控制界面字体的大小：
创建一个HTML文件：
8、特殊符号：
空格：
空 格：
大于号：>
小于号：<
9、链接标签：
点我，进入百度
其中标签是可以嵌套的
10、锚链接：
页面中的锚链接跳转：
我是顶部
11、功能性链接跳转：
点击联系我
12、块元素和行内元素：
块元素：无论内容多少，该元素独占一行
p h1-h6
行内元素：内容撑开宽度，左右都是行内元素的可以排在一行
a strong em
13、列表标签
列表就是信息资源的一种展示方式，它可以是信息结构化和条理化，
并以列表的形式呈现出来，以便浏览器能够更快捷的获取相应的值
列表分类：
无序列表：
有序列表：
定义列表
- JAVA
- python
- 运维
- 测试
- c/c++
- java
- python
- 运维
- 大前端
-
学科
- java
- 大前端
- 运维
- 大数据