欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

html+css常见标签汇总

程序员文章站 2022-12-01 19:35:14
1、p 俗称为盒子 pision(分隔) 特征: 1) 默认高度为0;宽度相对父级盒子是100%显示的 2) 独立成行,垂直显示(默认垂直布局) 2、img 标签: 图片标...

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不属于容器可以设置宽高的。