html笔记

一. html常识

　　1. 标签不区分大小写,推荐使用小写

　　2. 内联元素内部不能嵌套块级元素,P标签不能包含块级标签

　　3. html对换行不敏感,对tab不敏感

　　4. 空白折叠现象:html中所有的文字之间,如果有空格,换行,tab都将被折叠为一个空格显示

二. 标签分类

　　1. 块级元素　　行内元素(内联元素)

　　　　- 块级元素是指本身属性为display:block的元素,因为它自身的特点,我们通常是由块级元素来进行大布局(大结构)的搭建

　　　　- 内联元素是指本身属性为display:inline的元素,因为它自身的特点,我们通常是由内联元素来进行文字,小图标(小结构)的搭建

　　2. 块级元素特点:

　　　　- 独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布

　　　　- 可以直接控制宽度,高度以及盒子模型的相关css属性

　　　　- 在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度

　　　　- 在不设置高度的情况下,块级元素的高度是它本身内容的高度

　　3.  内联元素的特点:

　　　　- 和其它内联元素从左到右在一行显示

　　　　- 不能直接控制宽度,高度以及盒子模型的相关css属性,但直接设置内外边距的左右值是可以的

　　　　- 内联元素的宽高是有本身内容的大小决定(文字,图片等)

　　　　- 内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)

　　4. 常见块级元素

　　　　- 标题　　h1　　h2　　h3　　h4　　h5　　h6

　　　　- 列表　　ol　　ul　　li　　dl　　dt　　dd

　　　　- 排版标签　　p　　div　　hr　　center　　pre

　　　　- 表格　　table

　　　　- 表单　　form

　　5. 常见的内联元素

　　　　- 字体　　粗体b strong(已费)　　斜体em  i(已费)　　上下标sup sub　　划线del u

　　　　- 排版　　span　　强制换行br

　　　　- 超链接　　a

　　　　- 图片　　img

　　6. 另一种分类方式:文本级和容器级

　　　　- 文本级标签只能放文字,图片,表单元素:p　　span　　a　　b　　i　　u　　em,　　除了P外其它都是内联元素

　　　　- 容器级标签可以放任何东西:div　　h系列　　li　　dt　　dd

三. 列表:分为三种,有序列表ol,无序列表ul和自定义列表dl. 其中ol和ul必须结合li标签使用,而dl则必须结合dt,dd使用.