html标签
html标签HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
标签不会出现在页面中,只有标签中的内容才会显示在页面上 :也就是此处为内容
标签不区分大小写,但是推荐使用小写 :(X)HTML 版本中强制使用小写,这样更加严谨
标签分为闭合标签和空标签 :闭合标签是指由开始标签和结束标签组成的一对标签,这种标签允许嵌套和承载内容,例如:、
;空标签是没有内容的标签,在开始标签中自动闭合,例如:、
等
html标签分类
html标签又叫做html元素,它分为块级元素和内联元素(也可以叫做行内元素),都是html规范中的概念。
块级元素
块级元素是指本身属性为display:block;的元素。因为它自身的特点,我们通常使用块级元素来进行大布局(大结构)的搭建。
块级元素的特点:
独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布
可以直接控制宽度、高度以及盒子模型的相关css属性
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度
在不设置高度的情况下,块级元素的高度是它本身内容的高度
常用的块级元素
标签
描述
div
常用块级容器,也是css layout的主要标签
h1
大标题
h2
副标题
h3
三级标题
h4
四级标题
h5
五级标题
h6
六级标题
hr
水平分隔线
menu
菜单列表
ol
有序列表
ul
无序列表
li
列表项
dl
定义列表
dt
定义术语
dd
定义描述
table
表格
p
段落
form
交互表单
内联元素
内联元素是指本身属性为display:inline;的元素。因为它自身的特点,我们通常使用块级元素来进行文字、小图标(小结构)的搭建。
内联元素的特点:
和其他内联元素从左到右在一行显示
不能直接控制宽度、高度以及盒子模型的相关css属性,但是直接设置内外边距的左右值是可以的
内联元素的宽高是由本身内容的大小决定(文字、图片等)
内联元素只能容纳文本或者其他内联元素(此处请注意,不要在内联元素中嵌套块级元素)
常用的内联元素
标签
描述
span
常用内联容器,定义文本内区块
a
锚点
b
加粗
strong
加粗强调
i
斜体
em
斜体强调
s
中划线(不推荐使用)
strike
中划线
del
文档中已被删除的文本
br
强制换行
u
下划线
textarea
多行文本输入框
input
输入框
select
下拉列表
label
input 元素定义标注(标记)
img
引入图片
sub
下标
sup
上标
big
大字体文本
small
小字体文本