3、块元素
一.元素分为:块元素、内联元素(行内元素)。
1)块元素特征:
1、默认独占一行
2、没有宽度时,默认撑满一行
3、支持所有css命令
2)块元素代码:以常用的块级元素div和p举例。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div, p{ height: 50px; background-color: yellow; } </style> </head> <body> <div>块级元素</div> <p>块级元素</p> </body> </html>
3)代码效果如下:
4)常用的块级元素:
address - 地址
blockquote - 块引用
center - 居中对齐块
dir - 目录列表
div - 常用块级容器,也是css layout的主要标签
dl - 定义列表
fieldset - form控制组
form - 交互表单
h1 - 大标题
h2 - 副标题
h3 - 3级标题
h4 - 4级标题
h5 - 5级标题
h6 - 6级标题
hr - 水平分隔线
isindex - input prompt
menu - 菜单列表
noframes - frames可选内容,(对于不支持frame的浏览器显示此区块内容)
noscript - 可选脚本内容(对于不支持script的浏览器显示此内容)
ol - 排序表单
p - 段落
pre - 格式化文本
table - 表格
ul - 非排序列表(无序列表)
5)块级元素概述
块元素又名块级元素(block element),和其对应的是内联元素(inline element),都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。