前端复习DAY1：HTML

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

浏览器内核

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

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

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

Web标准构成

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

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

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

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

HTML标签分类

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

1.双标签

<标签名> 内容 </标签名>

<h1></h1> <h2></h2> <h3></h3> 标题标签

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

<div></div>   <span></span>盒子

<a href="跳转目标" target="目标窗口的弹出方式(self/blank)">文本或图像</a>链接标签

2.单标签

<标签名/>

<hr>水平线标签

<br>换行标签

<base/>设置整体链接的打开状态

标签属性

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

对HTML标签属性进行设置

锚点定位

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

创建锚点链接分为两步：

1.使用<a href=”#id名">链接文本"</a>创建链接文本。

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

列表

1.无序列表

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ul>

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

2.有序列表

<ol>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  ......
</ol>

3.自定义列表

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  <dd>名词2解释2</dd>
  ...
</dl> 

表格table

<table>
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

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

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

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

<thead></thead>定义表格的头部。

<tbody></tbody>定义表格的主体。

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

form表单

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

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

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

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

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

标签的嵌套规范

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

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

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

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

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

a标签不能嵌套a标签