首页 > 代码库 > HTML5块元素标签的使用
HTML5块元素标签的使用
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/mycss.css">
<style type="text/css">
span{
color: bisque;
}
</style>
</head>
<body>
<!--块-->
<!--HTML块元素-->
<!--块元素在显示时，通常会以新行开始-->
<!--如：<h1>、<p>、<ul>-->
<p>大家好</p>
<h1>大家好</h1>
<!--HTML内联元素-->
<!--内联元素通常不会以遵行开始-->
<!--如：<b>、<a>、<img>-->
<b>这是一个加重标签</b>
<a>这是一个超链接标签</a>
<!--HTML<div>元素-->
<!--<div>元素也是块元素，其主要是组合HTML元素的容器-->
<div id="divId">
<p>Hello klaus</p>
<a>点我啊</a>
</div>
<!--HTML<span>元素-->
<!--<span>元素是内联元素，可作为文本容器-->
<div id="divspan">
<p><span>这是一个测试效果</span>span是个什么样子</p>
</div>
</body>
</html>
mycss.css
#divId p{
color: aqua;
}
HTML5块元素标签的使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。