您的位置：首页 > Web前端 > HTML

HTML中的块是什么？

2015-09-26 13:22 471 查看
1.HTML块元素

块元素在显示时，通常会以新行开始

如：<h1>,<p>,<ul>

2.HTML内联元素

内敛元素通常不会以新行开始

如：<b>,<a>,<img>

3.HTML<div>元素

<div>元素也被称为块元素，其主要组合HTML元素的容器

4.HTML<span>元素

<span>元素是内联元素，可作为文本的容器

代码演示如下：

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML块元素</title>
<link rel="stylesheet" type="text/css" href="mycss.css">

<style type="text/css">

span{

color: aqua;

}
</style>

</head>
<body >
<!--  块元素，会以新行开始 -->
<p>大家好</p>
<h1>大家好！</h1>

<!-- 内联元素，不会以新行开始  -->
<b>这是一个加重标签</b>
<a>这是一个链接</a>

<!-- 样式 -->
<div id="divid">
<p>你好，程序猿！</p>
<a>Click Me</a>
</div>

<div id="divspan">
<p><span>这是一个</span>测试</p>

</div>

</body>
</html>

效果如下：


。

github主页：https://github.com/chenyufeng1991  。欢迎大家访问！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航