html+css常见标签汇总
1、p 俗称为盒子 pision(分隔)
特征:
1) 默认高度为0;宽度相对父级盒子是100%显示的
2) 独立成行,垂直显示(默认垂直布局)
2、img 标签: 图片标签(单闭合标记)
title=”鼠标悬停时显示的文字"
alt="当图片路径发生错误时,给用户的友好提示”
特征:前景图占位,不会平铺,位置是放在结构中的
3、<br/>换行符
4、h1~h6标题标签
特征:级别由高到低,一般页面中h1只是用一次,分清主次关系。自带加粗,字号大小,外间距,且是块级元素,独立成行,具有p的全部特征
5、p 段落标签
特征:具有p的全部特征,自带外间距。
6、ul 无序列表
格式:
[html] view plain copy
百度
7、ol 有序列表
格式:
[html] view plain copy
百度
特征:ul,ol具有p的全部特征,自带列表符,外间距,内填充。
去掉默认列表符的样式:ul{ list-style:none; }
8、span 万能标签
9、a – 超链接标签
格式:文字或图片
特征:自带蓝色,下划线,访问过后变为紫色。如果是空链接,可以用#来占位
target="_blank" 新窗口打开
去掉a标签自带的下划线样式a{ text-decoration:none; }
注意:a标签自带的样式特征无法在父级改变的(例如自带的颜色和下划线)
10、定义列表(块级元素,自带内填充)
[html] view plain copy
百度
特点:自带内填充,一个dl里面可以有多个dt和dd。
11、form表单 – 相当于表单控件的容器
格式:
文本框:type=”text“ name=”标示名” value=”默认名/值“ placeholder=”默认名/值”
密码框: type=”password”name=”标示名”
单选框:type=”radio” name=”起一个统一的名字来实现单选”
checked=”checked” (默认被选中的)
多选框:type=”checkbox“ checked=”checked” (默认被选中的)
文本域: 实现多行文本的
下拉列表:
[html] view plain copy
百度
按钮:
单纯的按钮:type=”button“ value=”改写或重置文字内容”
提交按钮: type=”submit” value=”改写或重置文字内容”
重置按钮:type=”reset“ value=”改写或重置文字内容”
label 表单标注(绑定文字和控件的,提高用户体验)
归类:标签的类型
块级元素:p, h1~h6,p,ul,ol,li,dl,dt,dd,form
盒子特征:独立成行,宽度是100%,高度自适应,可以设置宽高和外间距的
行级元素:a,img,span,input
拥有部分盒模型特征:不独立成行,宽度自适应,设置宽高不生效,间距横向生效,纵向不生效
Input,Img不属于容器可以设置宽高的。