共计 1520 个字符,预计需要花费 4 分钟才能阅读完成。
一、认识前端
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 的基本格式
html>
概念 html
☞ HTML:Hyper Text Markup Language.[超文本标记语言]
超文本: 本质就是一个文本[在网页中, 用来实现页面跳转的文本 — 超链接标签]
标记: 记号. [各种 HTML 标签] 标签
HTML 的学习其实就是学些大量的标签
标签学习:
1. 标签长什么样子
2. 作用
#### 标签的语法:
标签:标签名>
标签语法 2:
注意:
1. 我们在以后写代码 (html,css,js…) 遇到特殊符号, 必须都是英文输入下的符号。
2. 制作一个网页必须按照 html 的结构去写。
原文地址: 什么是 HTML?