学习html5的第二天课堂笔记

1）b/s架构

2）html

3）主体结构

4）元素
单标签：

双标签：开始标签 内容 结束标签

5）块级元素：body margin
div 无意义
h1~h6 margin , font-*
p margin
ul margin,padding-left
il
ol margin,padding-left
li
dl margin
dt padding
dd
特点：
独占一行空间，宽度占满父元素
高度由内容决定
可以指定宽高

H5新增块元素（语义化标签）除了具有语义之外，其余特性与div一致
header
nav
artical
section
aside
footer
address

6)行内元素
与其他行内元素共享一行空间
不可以指定宽高，宽高由内容决定，没有行高(给其外层添加样式)
一般不会再行内元素中插入块级元素
image
sapn
a color text-decoration
herf 1.锚点：
当前页面跳转：定义锚点

设置跳转 回到顶端
2.路径：
url http://127.0.0.1
https://www.baidu.com
绝对路径：以/作为路径的开始
/Apache24
相对路径（常用）：不以/作为路径的开始
day01 当前目录下的day01目录
./ 当前目录下
../ 上一级目录下
~/
html位于本地 Desktop/a.html

target:
_self 在当前标签页打开
_blank 在新标签页打开
image
src
路径
1）url 图片上传，第三方图片托管

绝对: /
相对: ./
src:表示图片路径
alt: 当图片显示不出来时的文本替换
width:图片宽度，等比例缩放
3.邮件： mail:licy@briup.com

         打开本地邮箱系统

         gmail   用户名、密码

         网易邮箱客户端    开机启动、每天课前收邮件（工作安排）

 装饰类标签：i,b,sup,strong,del,

---

  邮箱申请
  网易邮箱客户端（网页邮箱）
    网易云音乐
    网易严选
    网易新闻
    网易邮箱

7)功能性标签
表格 Ctrl+E
table> (border,cellspacing,width,align：center表格居中)
caption>
thead>(align:center)
tr>
th>(rowspand,colspand)
tbody>
tr>
td>(rowspand)
tfoot>
tr>
td>

8)表单
from
method:get/post/delete/put…
表单提交方式
1.get:明文在浏览器地址栏里直接看到
login?user=terry&password=123
参数长度受限制
2.post：将参数传到请求体
user=terry&password=123
参数长度不受限制
action:处理程序的地址 http://127.0.0.1:8080/login
enctype:表单编码 application/x-www-form-urlencoded
注意：1.表单元素的name属性无法省略
2.请求路径与查询字符之间用“？”隔开，查询字符串中包含了若干参数对象，参数与参数之间用&隔开，参数名与参数值用=隔开
3.要为所有的无法输入但是可以选择的表单元素添加value属性，当选中这个元素的时候，当前值就为该表单元素上的value值
value : 单选按钮、复选按钮必须加
单行文本框如果添加value属性，在输入框会显示该值
check : 默认选中属性checked

 1.input(type)
    type="radio"\"checkbox"\"text"\"password"\"button"\"reset"\"submit"\"file"
 2.textarea
 3.select

新增标签：
1. colgroup
定义一个表中的一组列，只能作为table的子元素，位于元素后，其他元素之前。

2. col
定义一个表中的列，并用于在所有公共单元上定义通用语义，经常作为元素的子元素。

3. span
跨列数，即规定有几列可以作为同一列。

4. header

是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。

5. nav

是一个可以用作页面导航的链接组，其中导航元素链接到其他页面或当前页面的其他部分。

6. article

代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容，也可以嵌套使用。可以是一篇博客或者报刊中的文章，一篇论坛帖子，一段用户评论或者独立的插件，或其他任和独立的内容。

7. section

作为Html文档独立的功能。

8. aside

元素用来表示当前页面或文章的附属信息部分，它可以包含当前页面或主要内容相关的引用，侧边栏，广告，导航条，以及其他类型的有别于主要内容的部分。

9. footer

元素作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者，相关阅读连接以及版权信息等。与header类似，一个页面中也未限定footer元素的个数。

10. address

元素用来在文档中呈现联系信息，包括文档作者或文档维护者名字，他们的网站链接，电子邮箱，真实地址，电话号码，以及跟文档相关的联系人的所有联系信息。