一、今日学习内容：1、网页和网站
网页：网页就是网站中的一页，通常是html格式的，需要通过浏览器来阅读。
网站：网站就是html等制作的相关网页的合集：
html:超文本标记语言（hyper text markup language），用来描述网页的一种标记语言
什么是超文本：图片、声音、视频、多媒体等（超越了文本限制）。
链接可以跳转到另一个文件，与各地的计算机或者服务器进行文件链接。
网页的解析过程：从服务器请求html到浏览器，由浏览器来解析、渲染成页面。
2、常用浏览器的分类
主要有：IE、360、firefox、chrome、safari、opera、捷豹等
内核：浏览器的核心组成部分，主要负责对网页语法进行解释，并渲染显示成页面。
分类：
IE：内核是trident，使用该内核的由ie、360、捷豹
firefox：内核是gecko
safari：内核是webkit
chrome、opera：内核是blink，webkit的一个分支。
备注：国内现在的浏览器一般都是用webkit或者blink内核，国内目前还没有一款自主研发的内核
3、web标准
web标准是由w3c和其他标准化组织制定的一些列网页资讯标准的合集。
意义：浏览器不同，显示的页面和排版有差异。所以需要一个标准来进行统一的显示和排版。
标准构成：
结构strucure：网页元素的组织和管理，用html实现。
表现presentation：设置网页元素的板式、颜色和大小的样式，用css实现
行为behavior：网页模型的定义和交互编写，通过javascript实现。
4、html的语法规范
基本语法：html一般是由标签组成的：html标签是由尖括号包围关键字组成的
一般是双标签，第一个是开始标签第二个是结束标签。
也存在单标签，比如br img
标签关系：包含关系即父子关系
并列关系即兄弟关系
5、基本结构标签
html标签，网页中的最大标签，也是根标签。
head网页文档的头部区域，head里面必须包含title标签。
title网页标题标签，让网页有属于自己的标题。
body网页文档的主题，包含文档内的所有内容，相关的页面内容都是放在body里面。
<!DOCTYPE html> dtd声明标签（document type definition）
声明的意义：
规定文档中应该有什么标签。
规定标签应该怎么排列。
标签应该具有什么属性。
标签该有什么格式的内容。
校验文档是否符合dtd的声明的规范。
总的来说<!DOCTYPE html> 是为了告诉浏览器要是用html5版本标签来显示网页。
注意：
dtd声明和校验html的内容，所以必须放在html内容的最前面。
dtd不是html标签，是一种专门定义标签语言的语言
<html lang=“en” >lang
en定义语言是英文，zh-CN定义语言是中文。en定义英文网页，zh-CN定义中文网页。
现在英文网页可以显示中文。中文网页也可以显示英文。
<meta charset="utf-8">
字符集：由多个字符组成，用来方便电脑识别和存储各类文字。
charset用来设置永安中字符来编码。
一般有gb2312、big5，gbk，utf-8，其中utf-8倍称为万国码，几乎包含所有国家需要用到的字符。
html开发工具
有dreadweaver，sublime，webstrom，vscode
vscode快捷键：ctrl+n 新建 ctrl+s 保存 alt+z 换行 ctrl+/ 注释
alt+shift+下键 复制代码到下一行。 alt+shift+f 整理代码
刚开始输入！后按table生成网页主体
鼠标右键点击在弹出窗口选择open in default browser 默认浏览器打开
ctrl+加号或者减号 放大或者缩小视图
标签的语义指的是标签的含义，合理的标签可以让页面的结构更加的清晰。
|
