HTML初解
html标签分类
- 标签为什么要分类?
- 分类可以使html结构更加清晰
- 标签:都有自己的名字和特征,分为:单标签和双标签
- 单标签:就是没有结束标签
- 常用img -- br -- hr
-双标签:有开始和结束标签 - 例如.div
- 可以在双标签中去嵌入子标签和文本内容(文字和图像)
- 常用img -- br -- hr
- 单标签:就是没有结束标签
- 模式分类(重点)
- 块元素
- 默认就自带样式属性
display:block
- 行内块级元素
- 样式属性
display:block
- 样式属性
- 行内元素
- 样式属性
display:inline
- 样式属性
- 默认就自带样式属性
- 块元素
网站如果没有标记会怎样
- 如果一个网页,全部都是文字,全部会堆在一起
- 分门别类就要用不同的标记
- 网页从左至右,会形成一个文档流,body文档流,典型的块元素
块元素
- 特征:从左至右都属于这个元素的空间,并不是因为内容少就不换行,独占文档流
- 可以受到宽度和高度,padding和margin的影响
- 默认就自带样式属性:
display:block
- 典型标签:
- div
- p
- h1 ~ h6
- ul/li
- ol/li
- table
- form
- 块元素不能使用text-align:center去居中
行内块元素
- 可以受到宽度和高度,padding和margin的影响
- 不独占文档流,随波追流
- 默认自带样式属性
display:inline-block