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>
posted @ 2021-08-01 12:00  索匣  阅读(226)  评论(1编辑  收藏  举报