虽然学了网络结构,但我们不会去网络布线;
虽然知道了云存储/云计算,我们也不会去配置服务器;
虽然知道了TCP/IP协议,但我们也不会基于该协议干点啥……
Web开发实际上就是做网站,……
网站实际上是由一个一个的网页组合起来的。
每一个网页本质上都是一个HTML(Hyper Text Markup Language,超文本标记语言)文件(流)。
演示:浏览器上:右键 -> 查看页面源代码,其中包含了:
三个层面理解HTML:
网站是什么?是不是由网页组成的应用系统?
那网页又是什么?一个网页,你可以认为它就是一个.html文件
我们有两种方式可以证明:
1)在网页上:右键 -> 查看源代码 -> 另存为,结果会弹出窗口
说明:.htm是.html的简写。
2)我们自己做一个html文件!
演示:
好了,这里给大家看到了传说中的服务器,消除了它的神秘感,希望能对大家的学习有所帮助。
但.html文件本身是可以直接用浏览器打开的(演示)
@想一想@
猜一猜,试一试,再想一想,为什么?
PS:请大家保持这种“猜测-求证-思考”的学习方法。
那.html文件和.txt记事本文件有什么区别呢?
我们将上述文件内容修改一下,再用浏览器打开,看一看效果:
<h1 style="color:red">一起帮·源栈欢迎您!</h1>
你会看到字体变粗变大变成红色,为什么呢?因为:
HTML是Hyper Text Markup Language的缩写,即:超级文本标记语言,所以它也是一种标记语言(但不是编程语言,复习:编程语言的特点:变量/分支/循环/函数……)。
或者说,HTML通过“标记”告诉浏览器如何“解析”一个.html文件。上述那些奇奇怪怪的大于(>)小于(<)符号,等号(=)引号("")和英文字母,就是HTML语言的表现形式。
站在开发者的角度来说,HTML5是语言;但站在(浏览器)厂商的角度来说,HTML就是标准。(复习:浏览器大战)
PS:其实很多语言也都一样,比如JavaScript、C#和SQL,他们都既是语言,又是标准。
HTML从诞生到现在,经历了好几次的标准升级,目前最新的标准是HTML5(有的简称为H5)
总体来说,HTML5是一个非常“宽松”的标准。或者说,“容错性”很高。大概来说,它给你一个最标准的写法,但是假设你并没有严格按标准书写,浏览器也能“将就着”解析,比如:
<h1 style="color:red">一起帮·源栈欢迎您!
<h1 hidden>一起帮·源栈欢迎您!
另外,HTML5引入了:
PS:XHTML曾经是HTML5的有力竞争对手,XHTML就主张必须强制使用严格的语法——不符合语法规范的HTML代码,浏览器直接予以报错(同XML)!你更喜欢哪一种?
层叠样式表:Cascading Style Sheets
它是在HTML蓬勃发展之后,由W3C,用于页面的美化装饰(布局+样式)
对于一个网页来说,HTML(元素)就是内容,就像原材料;CSS就是呈现,把这些原材料进行装饰美化,合理摆放。
可以做个比方:
CSS样式的设置,效果其实就和我们在MS office中进行编辑是类似的:
只不过CSS的样式设置是代码形式的。
在上述元素中,我们发现:对于文本的表现形式,h1(变大变粗)和style="color:red"(变红)都发挥了作用——这是由于历史遗留原因造成的。
现在推荐的做法是:
复习:编程语言
但JavaScript的实际作用是操作HTML和CSS:显示/隐藏、改变、增加、删除……
在Ajax出现之前,一直都是一个非主流(被歧视)的语言,没啥大用,做验证/特效
PS:08年飞哥在重庆面试,面试官给我说,后端已经发展到尽头了,未来是属于前端的……当时我的想法:又想骗我学没人要的JS……
多快好省!前端后端,线上线下,名师精讲
更多了解 加: