前端复习DAY1：HTML

学习前端也有一段时间了，最开始的东西有一些已经记不牢了，准备开始从最基础的HTML复习，将细节之处重新记忆。

浏览器内核

浏览器内核可以分为渲染引擎和JS引擎。

渲染引擎负责取得页面内容（HTML、图像等）、整理讯息，以及计算网页的显示方式，然后输出至显示器或打印机。浏览器的内核不同对于网页的语法解释会有不同，渲染的效果也不相同。

JS引擎Javascript语言，执行Javascript语言来实现网页的动态效果。

Web标准构成

Web标准不是某一个标准，是由W3C和其他标准化组织制定的一系列标准的集合。主要包括：结构、表现、行为三个方面。

结构标准：结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。

样式标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指CSS。

行为标准：行为是指网页模板的定义以及交互的编写，主要包括DOM和ECMAScript两个部分。

HTML标签分类

带有<>符号的元素为HTML标签。标签就是放在<>标签符里表示某个功能的编码命令，也称为HTML标签或HTML元素

1.双标签

<标签名> 内容

标题标签

段落标签（文本在段落中根据浏览器窗口大小自动换行）

   盒子

文本或图像链接标签

2.单标签

<标签名/>

---

水平线标签

换行标签

设置整体链接的打开状态

标签属性

<标签名 属性1="属性值1" 属性2="属性值2" …> 内容

对HTML标签属性进行设置

锚点定位

通过锚点链接，使用户快速定位到目标内容。

创建锚点链接分为两步：

1.使用链接文本"创建链接文本。

2.使用相应的id名标注跳转目标的位置。

列表

1.无序列表

 
• 列表项1

 
• 列表项2

 
• 列表项3

  ......

无序列表会带有自己样式属性，之后的CSS可以修改。

2.有序列表

 
1. 列表项1

 
2. 列表项2

 
3. 列表项3

  ......

3.自定义列表

 

名词1

 

名词1解释1

 

名词1解释2

  ...
 

名词2

 

名词2解释1

 

名词2解释2

  ...

 

表格table

 
   
    ...
 
  ...

单元格内的文字

表格属性cellspacing设置单元格与单元格边框之间的空白间距（默认为2像素）

cellpadding设置单元格内容与单元格边框之间的空白间距（默认为1像素）

使用表格进行布局时，可以将表格分为头部、主体和页脚。

定义表格的头部。

定义表格的主体。

合并单元格 跨行合并：rowspan 跨列合并：colspan

form表单

表单域  action 是数据被提交的地方  是把用户的信息传递给后台

  各种表单控件

input控件 name 和 value 这两个属性一般是每个表单控件都要有的属性

label 标签为 input 元素定义标注（标签）。

作用： 用于绑定一个表单元素, 当点击label标签的时候, 被绑定的表单元素就会获得输入焦点

标签的嵌套规范

独占一行的叫块元素 , 其他的行内元素

1. 块元素可以嵌套块元素、行内元素、行内块元素

2. 行内块不能嵌套块元素，可以嵌套行内元素、行内块元素

3. 行内元素不能嵌套块元素、行内块元素，只能嵌套行内元素

div可以嵌套任意标签 p标签不能嵌套其他块元素，可以嵌套行内元素、行内块元素 不推荐标题里边嵌套其他块元素，可以嵌套行内元素、行内块元素

a标签不能嵌套a标签