一、认识前端
UI:作图、做成简单HTML页面
前端:html+css+js, vue/react/Ag
后端:java/PHP/Python/C#/javascript js NodeJs(服务器程序)
网页:信息展示
二、什么是HTML
网页组成:
html网页是由文字,图片,输入框,按钮,视频,音频....元素组成的。
总结: 网页就是由HTML组成的。
网页规范(万维网联盟W3C):
html
☞ 结构标准: 制作网页必须按照HTMl的标准结构去写网页
☞ 表现标准: 用来美化网页CSS
☞ 行为标准: 用来实现网页中的用户的一些动作处理 JavaScript
三、常用浏览器
### 主流浏览器(有自己的内核)
查看网站:http://tongji.baidu.com/data/browser
### 内核(渲染引擎)
html
Trident(IE内核):
IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等
Gecko(firefox):
Gecko(Firefox 内核): Mozilla FireFox(火狐浏览器) 采用该内核,Gecko 的特点是代码完全公开,因此,其可开发程度很高
webkit(Safari):
Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。傲游浏览器3、 Apple Safari (Win/Mac/iPhone/iPad)、Symbian手机浏览器、Android 默认浏览器。
Blink:
大部分国产浏览器最新版都采用Blink内核。二次开发。谷歌浏览器。Blink 其实是 WebKit 的分支。
Presto(Opera) :
Presto(已经废弃) 是挪威产浏览器 opera 的 "前任" 内核,为何说是 "前任",因为最新的 opera 浏览器早已将之抛弃从而投入到了谷歌怀抱了。
四、Web标准组成
为什么要遵循WEB标准呢?
通过以上浏览器的内核不同,我们知道他们渲染或者排版的模式就有些许差异,显示就会有差别。导致用户在不同的浏览器看到同一个页面是不同的效果。
Web标准组成:
构成:** 主要包括结构(Structure)HTML、表现(Presentation)CSS和行为(Behavior)js三个方面。
- 结构标准:结构用于对网页元素进行整理和分类,咱们主要学的是HTML。 对于网页来说最重要的一部分。
- 表现标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
- 行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript js。
- 重要的原则:页面三层分离(HTML,css,js书写的时候分开来写)。
理想状态我们的源码: .HTML .css .js
五、HTML的基本格式
<!doctype html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
概念html
☞ HTML: Hyper Text Markup Language.[ 超文本标记语言 ]
超文本: 本质就是一个文本[在网页中,用来实现页面跳转的文本 ---超链接标签]
标记:记号. [各种HTML标签] 标签
HTML的学习其实就是学些大量的标签
标签学习:
1. 标签长什么样子
2.作用
#### 标签的语法:
标签: <标签名></标签名>
标签语法2: <标签名>
注意:
1. 我们在以后写代码(html,css,js...)遇到特殊符号,必须都是英文输入下的符号。
2. 制作一个网页必须按照html的结构去写。