html元素讲解

HTML5中的标记分为单标记和双标记
单标记：指没有结束的标记；形式是<元素/>例如：<Br/>;HTML5中不允许写结束标记的元素有(也就是单标记)

area;base;br(等同于Br);col,command;embed
hr;img;input;keygex;link;meta;param
sourse;track;wbr;

部分双标记可以省略的结束标记:

li;dt;dd;p;rt;rp;
ontgroup;option;colgroup
thead;tbody,tfoot,tr,td,th（这一行均是表格元素table的属性）

而有些元素可以完全省略：也就是不写在代码中，浏览器会自动帮你加

html;head;body;colgroup;tbody

查看网页的编码方式：
ctrl+u查看网页源代码；找到开头几行中的<meta>标记的charset属性用于设置网页的内码语系,也就是字符集的类型。
常用设置为：
中文
"UTF-8" 3字节

"GB2312/GBK" 2字节

"ISO-8895-1" 1字节

换行标记<br/>,这里的br可以记成break;段落标记<p>省略结束标记，就是单个<p>也能起到换行的作用

标题标记

<h1>~<h6>(h是双标记)（<>当成是引用标记了）

路径

绝对路径：看根目录
相对路径：看当前所在目录的级别;..表示上一级的目录；../..表示上级的上级目录
在网页中，对于创建的超链接，若要连接到另外一个网站中的资源，需要完整的绝对路径URL
在网页中创建内部链接，使用当前文档或站点根文件的相对URL

分隔符

/网络分割符(用在URL超链接上)
本地分割符，也是转义字符

超链接

一般使用<a>标记，他是双标记；<a></a>
超链接不仅可以指向目标对象为html文件的对象
还可以链接到各种类型的文件
如：电子邮箱链接
<a herf="mailto:电子邮件地址">网页元素</a>

iframe浮动框架(爬虫经常会遇到这方面的难题)

浮动框架可以自由控制窗口大小，可以配合表格随意的在网页的位置插入窗口
(实际就是窗口中在创建一个窗口)
HTLM5中iframe仅支持src属性

表格table（双标记）

表格结构表示：

<table>标记用于标记一个表格的开始，</table>标记用于标记一个表格的结束。
<tr>(可省略结束标记)标记用于标识表格一行的开始，</tr>标记结束；一般省略结束标记
表格内有多少行，就有多少对<tr></tr>标记
<td>/<th>用于标识表格中的一个单元格的开始，他们要被包裹在<tr></tr>中；多少个<td>/<th>就有多少个单元格
<th>与<td>均是单元格，单<th>定义的单元格默认加粗

还有其他不常用的标记：

• 表头 thead
• 主体 tbody
• 脚注 tfoot
  表格标题
  <caption>定义表格标题，一般在<table>标记之后；

表单

<form></form>
基本语法格式

<form action = "url" method="get/post" enctype="mine"></form>
这里的action指定处理提交表单的格式，可以是一个url或者电子邮件地址
method指明表单的HTTP方法，它用来指明把表单提交个给服务器的方式。(如：post,get等)

表单中输入信息的常见元素

1. 文本框text;
2. 多行文本框 textarea
3. 密码域 password
4. 复选框 checkbox
5. 选择列表标记 select
6. 单选按钮 radio
7. 普通按钮 button
8. 提交按钮 submit
9. 重置按钮 reset

表单高级元素的使用

url属性
email属性
日期和时间输入类型
range属性：显示一个滚动的控件
required属性：

HTML5新增属性

<audio>
<vedio>