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等)
表单中输入信息的常见元素
- 文本框text;
- 多行文本框 textarea
- 密码域 password
- 复选框 checkbox
- 选择列表标记 select
- 单选按钮 radio
- 普通按钮 button
- 提交按钮 submit
- 重置按钮 reset
表单高级元素的使用
url属性
email属性
日期和时间输入类型
range属性:显示一个滚动的控件
required属性:
HTML5新增属性
<audio>
<vedio>