web前端开发知识点梳理复习笔记

一，块元素的认识

div ,p,h1-h6

特点：

1，能够识别高和宽

2，margin和padding的上下左右均对其有效

3，可以自动换行

4，多个块状元素标签写在一起，默认从上至下

---

二，行元素的认识

span,sub(下标），sup(上标），em ,strong 

1,设置宽高无效

2.对margin设置左右方向有效，上下无效。padding上下左右都有效，会撑大空间。

3，不会自动换行

---

三，其他元素

1，加粗  b

2，斜体 i

3，下划线 u

4，删除线del

5，换行 br(单标签）

6，横线 hr(单标签)

---

四，特殊 

&lt(小于)，&gt(大于)，&quot(引号)，&nbsp(空格) 它们都不加尖括号

---

五，列表元素

有序列表：ol

无序列表：ul

列表元素：li

定义列表：dl

dt 和dd 是平级，但是dt只能有一个

---

六,超链接

1,a:

1),href

2）,target eg:target ="_blank"

3）,title   

2,锚点怎么打？是干什么的？

锚点是定位的，把远地方的内容定位到有眼前

写法：

<p><a href="#one">第一章</p>

<h1>第一章<h1>

alt 显示信息丢失

---

七，表格

table  caption 标题 thead tbody tfoot没有具体含义，可以使得结构清晰

tr 列行

td 单元格

th 第一行的格子

colsapn 行合并

rowspan 列合并

---

八，表单

form：

action +method+autocomplete

input：

普通：text password radio checkboxsubmit hidden，reset，file

智能：Email url number range color date month week time

其他：required step max min 

表单实例：