- web前端开发
a) 实现前端开发
b) HTML，CSS---界面
c) javascript ---前台和后台交互
- mysql数据库
- linux操作系统
a) 部署我们的后台系统，效率高
b) 以后测试环境都要部署在linux。
- python编程语言
a) 用于和计算机沟通，让计算机实现要它干的事情。
1 HTML
1.1 思考：我们用计算机来干什么？
1.1.1 打游戏：第一步必须了解游戏，都要访问网站。
1.1.2 查询百度。
总结：无论是大公司，小公司都有自己的web页面。我们需要了解他的构造，原来。 才能发现更多的缺陷。
1.2 我们一般用什么浏览器来访问网页？
1.2.1 chrome，IE 8-11，edge，firefox，safari，Opera
1.2.2 推荐使用chrome（开发助手比较好用）
2 HTML
2.1 定义：（hyper text markup Language）
2.1.1 text：文本，文字
2.1.2 hyper text：超级文本，比如超链接，图片，声音，视屏
2.1.3 markup：标记、元素、标签
定义：对一类事物做上记号
语法：一般是一对<>来表示，一般有开始标签和结束标签。
- 例子：<文本>、<超链接>、<视屏>、<图片>
- 写法：<font>、<a>、<video>、<img>
属性：定义标签的属性，比如颜色，大小等
- 例子：<a 属性=“属性值”>文本信息</a>
Language：语言
- 语言用来和计算机交流的
- 这个是英语写的，因此我们在用的时候都要用英文。
2.2 动手写一个简单的HTML
2.2.1 <!DOCTYPE html>：document type ，这个文档的类型是html
2.2.2 <head>:头部，设置的内容不在网页上显示，一般对文档进行一些设置。
常见的设置，文档标题<title>
文档的编码格式，用<meta>
- 常见的编码格式：常用utf-8 表示人类的所有文字（支持中问的GB2312，GBK，GB18030）
2.2.3 <body>:网页显示的内容都在body里面。
注意：1.标签名，属性名，引号，都要在英文模式下输入。
2. 文档编码格式为utf-8 ，保存的时候格式也要是utf-8.
3 工具
3.1 思考：我们在上面写例子的过程中遇到什么问题？
3.1.1 没有单词提示，一次记不住。
3.1.2 格式比较乱，每个人整出来的都不一样。
3.2 我们需要借助工具开发。
3.2.1 快捷键：
保存：Ctrl+S
复制：Ctrl + C
粘贴：Ctrl + V
剪切：Ctrl +X
撤销：Ctrl + Z
查找：Ctrl + F
替换：Ctrl + H
格式化：Ctrl + K
代码注释：Ctrl + /
代码助手： Alt + /
3.3 常见的标签
3.3.1 文字设置标签font
属性：
- size：数字的大小1-7.
- face：设置字体（可以通过键盘的下选择不同字体。）
- color：颜色，用的是英文。
方法一：直接用英文单词描述颜色
方式二：用十六进制的数字表示，比如#ff0000 表示红色。
方式三：用rgb（0，0，0）来表示（一般在css中使用）
3.3.2 超链接标签
使用的标签是<a>
属性：
- href（Hypertext Reference）：设置要跳转的网页，比如http://www.baidu.com
- target:设置是否要再新的窗口打开
默认情况不在新窗口打开。
值为_blank:为新的窗口打开
3.3.3 图片标签
使用的标签名是<img> :
属性：
- src(source):设置图片的地址。
第一种：绝对路径：以http开头的url图片地址，可以设置为网络上的图片。
3.3.3....1 url：Uniform Resource Locator，统一资源定位符
第二种：相对路径，相对本地的目录，可以设置本地的图片。