认识和了解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）：设置要跳转的网页，好比
target:设置是否要再新的窗口打开
默认情况不在新窗口打开。
值为_blank:为新的窗口打开
3.3.3 图片标签
使用的标签名是<img> :
属性：
src(source):设置图片的地点。
第一种：绝对路径：以http开头的url图片地点，可以设置为网络上的图片。
3.3.3....1 url：Uniform Resource Locator，统一资源定位符
第二种：相对路径，相对本地的目录，可以设置本地的图片。
认识和了解web前端
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/32913.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")