1.单标签元素:
<input type="text">
<br>
<meta>
2.双标签元素:
开始标签 内容 结束标签
<div 属性名=属性值 >
内容
</div>
<span></spam>
核心属性
id class title style
特有属性
data-*
5)块级元素
独占一行空间,宽度占满父元素
2.高度由内容决定
3.可以指定宽高
默认样式
body
<div> 无意义
h1·h6 margin
p
ul
li
ol
li
dl
dt
dd
h5新增会计元素(语义化的标签)
除了语义之外,其与特性与div一致
header 页面头部
footer 脚部
article 主题
section 部分
aside 次部分
nav 导航
address
...
6)行内元素
与其他行内元素共享一行空间
无法指定宽高,宽高由内容决定,没有行高
一般不会在行内元素中插入块级元素
span
a: 外在表现形式:color/text-decoration
herf
1.锚点:
当前页面跳转
1)定义锚点
<div id="top"></div>
2)设置跳转
<a href="#top">top</a>
2.路径:
1)url
http://127.0.0.1
2)绝对路径
/
3)相对路径
day01 默认当前目录下的day01目录
./ 当前目录
../ 上一级目录
~/
3.邮件
mail:
gmail/163:用户名 密码
网易邮箱客户端
每天收邮件(工作安排)
target
_self
_blank
image(行内元素)
src
路径
1.url
图片上传,第三方图片托管
<img src="https://"
2.绝对
3.相对
装饰类标签
i
b
strong(加粗)
sub
sup(次方)
del(删除线)
...
7)功能性标签
表格
<table> (border,width,cellspacing)
<thead>
<tr>
<th></th> (width,rowspan,colspan)
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
8)表单
from(
meehod="get/post/delete/put..."
表单提交方式,交给后台开发者
get:
1.明文传输,在浏览器地址栏里直接看到
login?user=admin&password=123
2.参数长度受限制
post:
1.将参数封装到请求体中
user=admin&password=123
2.参数长度不是限制
action
处理程序的地址
enctype
表单编码
application/x-www-from-urlencoded
注意:
1.表单内的name参数值无法省略
2. 请求路径(path / login)与查询字符之间用?隔开,查询字符串包含了若干对参数,参数之间通过&分隔
3.
1.input(type)
type="radio"
type="checkbox"
type="text"
type="password"
type="submit"
type"reset"
type="file"
...
2.textarea
3.select