HTML 块级元素

简介

HTML 块级元素是描述文档结构性的标签元素,如层,标题,段落、列表,表格等;块级元素总是从新的一行开始,可控制高度、宽度;块级元素中可以包含块级元素和行内元素

标签

标签 说明
address 表示文档或者文章的联系信息
blockquate 定义摘自另一个源的块引用
center 文本水平居中
div 定义文档分隔区块容器
h1-h6 定义文档的标题
hr 在页面中创建水平线,可用于分隔内容
isindex 使浏览器显示一个对话框,提示用户输入单行文本
noscript 浏览器不支持或者被禁用脚本,则会显示 <noscript> 标签里面的内容
p 定义段落
pre 定义预格式化的文本

实例

代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML 块级元素</title>
	<style>
	#div1{
  border-style: solid;
  border-width: 1px;
  border-color: #4faa2a;
  padding:10px;
}
#div2{
  background: LightSteelBlue;
  padding:10px;
}
</style>
</head>
<body>
<a href="./html-tags-blockquate.html" target="_blank">blockquate</a> <blockquate>TXTech 助力程序开发的技术网站</blockquate>
<a href="./html-tags-center.html" target="_blank">center</a> <center>文本居中对齐</center>
<a href="./html-tags-div.html" target="_blank">div</a> <div id="div2">块区域</div>
<a href="./html-tags-h.html" target="_blank">h1</a> <h1>h1标题</h1>
<a href="./html-tags-h.html" target="_blank">h2</a> <h2>h2标题</h2>
<a href="./html-tags-h.html" target="_blank">h3</a> <h3>h3标题</h3>
<a href="./html-tags-h.html" target="_blank">h4</a> <h4>h4标题</h4>
<a href="./html-tags-h.html" target="_blank">h5</a> <h5>h5标题</h5>
<a href="./html-tags-h.html" target="_blank">h6</a> <h6>h6标题</h6>
<a href="./html-tags-address.html" target="_blank">address</a>
<iframe src="../../htmls/tags/address.html" frameborder="0" width="100%" height="60px"/>
</body>
</html>

效果:

blockquate TXTech 助力程序开发的技术网站
center
文本居中对齐

div

块区域

h1

h1标题

h2

h2标题

h3

h3标题

h4

h4标题

h5

h5标题

h6

h6标题

address

留下评论

电子邮件地址不会被公开。 必填项已用*标注