HTML基础知识（块级标签，⾏内标签，⾏内块标签）
块级元素：独占⼀⾏，对宽⾼的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
⾏内元素：可以多个标签存在⼀⾏，对宽⾼属性值不⽣效，完全靠内容撑开宽⾼！
其中还有⼀种结合两种模式有点的显⽰模式：
⾏内块元素：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；
⾏内标签：包含a、span、em、strong、b、i、u、label、br；
特点：可以多个标签存在⼀⾏，不能直接设置⾏内标签的⾼度、宽度、⾏⾼以及顶和底边距，完全靠内容撑开宽⾼！
a标签：主要⽤来链接⼀个其他的⽹页；
span标签：主要⽤来对⾏内的⽂字进⾏⼀些样式以及其他的操作；
em标签：⼀般⽤来对⽂字进⾏强调，使⽤斜体体现出来；
strong标签：⼀般⽤来对⽂字进⾏强调，使⽤加粗字体体现出来；
img标签：图⽚引⽤标签，其中 src属性中写⼊图⽚的地址；
var标签：JavaScript中命名变量的标签。
块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；
特点：独占⼀⾏，对⾼度、宽度、⾏⾼以及顶和底边距都可设置的属性值⽣效；如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽；
p标签：段落标签，段落⽂字使⽤，默认格式：段尾进⾏换⾏；
div标签：划分块的主要使⽤标签；
ul标签：⽆序列表的主标签，后⾯的标号为圆点（⿊⾊）；
ol标签：有序列表的主标签，后⾯⼀般跟有序的1,2,3,；
li标签：列表中的主体使⽤标签
dl标签：⾃定义标签的主标签；
dt标签：⾃定义标签的表头；
dd标签：⾃定义标签的表头的解释（描述）信息；
h1~h6：6级标题标签、字体的⼤⼩依次变⼩。
⾏内块标签：img,input,textarea
特点：结合的⾏内和块级的有点，不仅可以对宽⾼属性值⽣效，还可以多个标签存在⼀⾏显⽰；
+++++++++++++++++++++++++++++++++++++++++
各种标签之间的转换
1、块级标签转换为⾏内标签：display:inline;
2、⾏内标签转换为块级标签：display:block;
3、转换为⾏内块标签：display：inline-block;
各个标签之间的区别
html ul标签
块标签：独⾃占领⼀⾏、可以进⾏宽⾼的数值的设定；
⾏标签：在⼀⾏内显⽰、不可以进⾏宽⾼的数值设定；
⾏内块标签：能和其他元素待在⼀⾏，能设置宽⾼；
嵌套规则
块标签可以套⾏标签，⾏标签不可以套块标签。
P标签不要套块属性标签，可以套a，span，⽂本。。。
嵌套的时候注意代码的缩进。
在这之前有说过 text-align这个属性是否⽣效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中⽣效；但是⾏内元素的宽完全是靠内容撑开，所以宽度就是内容撑开的宽
基本上就是这个属性之间的转换！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。