1.准备工作
1）安装文本编辑器
sublime
运行速度非常快
vscode
代码高亮显示
文件管理
代码提示
自动缩进
记事本
editplus
notepad++
…
继承开发工具 （idea）
功能十分强大，node,npm,命令行工具…
vue
idea .vue(插件)
2）主流浏览器 （客户端）
chorm
firefix
opera
safari(ios)
IE（6~11）
xp 银行 主流开发技术 jsp jquery
3)服务器 （代码）
windows
teamviewer
mysql 3306
ftp 21
tomcat (服务器软件) 8080
app01
index.html
app02
start.html
apache (服务器软件) 80
bin 可执行文件目录 http.exe
conf 配置文件目录
htdocs 服务器目录 （可以被访问）
app01
index.html
app02
start.html
…
http://120.79.84.21:80/app01/index.html
url:统一资源定位符
http://ip:port/path
ftp://
url输入到浏览器地址栏（代理）
http协议
地址解析封装
请求报文
请求行 Get /app01/index.html
请求头 proxy firefox
zip
请求体
username=terry&password=123
服务器:
回应报文
回应行 200 ok
响应头 ContentType :text/html;charset=utf-8
响应体 index.html (流 io)
响应行 HTTP/1.1 404 Not Found
304 Not Moified
200 ok
浏览器（html解析器 css解析器 js解析器）
使用内置的html解析器进行解析
使用utf-8进行解码
浏览器将html解析出来
1.HTML 超文本标记语言
html网页的结构
css改变网页结构、样式
js接受数据
文本：字符，可以通过文本编辑器打开，例如x.txt hello.java index.js
超级文本：字节 视频 音频 图像 画布…
标记语言：
hello world
表示hello world是一个二级标题
2.第一个HTML
—————表示当前的html版本为H5
———————–标签内的内容不会被显示到浏览器视口中
—当前文本的编码方式为UTF-8
hello world
容错性比较强
3.元素
单标签元素
成对标签
开始标签 内容 结束标签
table>tbody>tr>td
元素的属性
设置在开始标签内，标签名后，属性名和属性值之间通过“=”分割，
属性与属性之间通过空格进行分割。属性名大小写不区分，
属性值可以使用双引号、单引号、没有引号。建议使用双引号括起来。
1.核心属性（绝大多数都具有的属性）
id class div
2.特有属性 <image src="" >
3.扩展属性
注释：
4.块级元素
1）独占一行空间，默认宽度为父元素的100%
2）高度有内容决定，默认高度为0
3）可以为其制定高度和宽度
body
div 无意义的块级元素，可以应用在页面的任何地方
h1~h6 标题
p 段落
ul 无序列表：ul>li li列表项，li可以添加任意表情
ol 有序列表：ol>li
dl 定义列表: dl>dt 标题
5.行内元素