html 区块和内联元素之< div> 和< span>标签的用法笔记

原创 PHP笔记  2017-03-17 17:58  阅读 1,275 views 次

html可以通过<div>和<span>标签将元素组合起来,形成一个新的元素,这些元素分别放到网页的指定位置,就形成了一个好看的网页。

html区块元素和内联元素:

大多数html元素被定义为块级元素或内联元素,每个块级元素在显示时会占满整行,从下一行开始,而内联元素则挨个开始。<div>就是用的比较多的区块元素(块级元素),它没有实际的含义,可用来当作组合其它html元素的容器,通过css可以对<div>内的元素进行控制,通常用来网页布局。<span> 是内联元素,一般作为文本的容器,也没有特定的含义,也通常使用css来控制。

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html标签用法示例_PHP笔记</title>
</head>
<body>
<style type="text/css"><!--css控制边框-->
 .a{ /*类选择器*/
 border:1px solid red;
 }
 </style>
<div class="a">我是div标签</div>
<div class="a">我是另一个div标签</div>
<span class="a">我是span标签</span>
<span class="a">我是另一个span标签</span>
</body>
</html>

运行结果:

更多区块元素:<h1>、 <p>、<ul>、<table>等;内联元素:<b>、<td>、<a>、<img>等

本文地址:https://www.ggbiji.com/html-block.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情