html+css基础笔记02常见标签

　　1、div 俗称为盒子 division(分隔)

　　特征：

　　1) 默认高度为0;宽度相对父级盒子是100%显示的

　　2) 独立成行，垂直显示(默认垂直布局)

　　2、img 标签： 图片标签(单闭合标记)

　　title=”鼠标悬停时显示的文字"

　　alt="当图片路径发生错误时，给用户的友好提示”

　　特征：前景图占位，不会平铺，位置是放在结构中的

　　3、<br/>换行符

　　4、h1~h6标题标签

　　特征：级别由高到低，一般页面中h1只是用一次，分清主次关系。自带加粗，字号大小，外间距，且是块级元素，独立成行，具有div的全部特征

　　5、p 段落标签

　　特征：具有div的全部特征，自带外间距。

　　6、ul 无序列表

　　格式：　

百度

　　7、ol 有序列表

　　格式：

百度

　　特征：ul,ol具有div的全部特征，自带列表符，外间距，内填充。

　　去掉默认列表符的样式：ul{ list-style:none; }

　　8、span 万能标签

　　9、a – 超链接标签

　　格式：文字或图片

　　特征：自带蓝色，下划线，访问过后变为紫色。如果是空链接，可以用#来占位

　　target="_blank" 新窗口打开

　　去掉a标签自带的下划线样式a{ text-decoration:none; }

　　注意：a标签自带的样式特征无法在父级改变的(例如自带的颜色和下划线)

　　10、定义列表(块级元素，自带内填充)

百度

　　特点：自带内填充，一个dl里面可以有多个dt和dd。

　　11、form表单 – 相当于表单控件的容器

　　格式：

　　文本框：type=”text“ name=”标示名” value=”默认名/值“ placeholder=”默认名/值”

　　密码框： type=”password”name=”标示名”

　　单选框：type=”radio” name=”起一个统一的名字来实现单选”

　　checked=”checked” (默认被选中的)

　　多选框：type=”checkbox“ checked=”checked” (默认被选中的)

　　文本域： 实现多行文本的

　　下拉列表：

百度

按钮：

　　单纯的按钮：type=”button“ value=”改写或重置文字内容”

　　提交按钮： type=”submit” value=”改写或重置文字内容”

　　重置按钮：type=”reset“ value=”改写或重置文字内容”

　　label 表单标注(绑定文字和控件的，提高用户体验)

　　归类：标签的类型

　　块级元素：div， h1~h6，p，ul，ol，li，dl，dt，dd，form

　　盒子特征：独立成行，宽度是100%，高度自适应，可以设置宽高和外间距的

　　行级元素：a，img，span，input

　　拥有部分盒模型特征：不独立成行，宽度自适应，设置宽高不生效，间距横向生效，纵向不生效

　　Input，Img不属于容器可以设置宽高的。