Rumah > hujung hadapan web > html tutorial > html的区块元素

html的区块元素

无忌哥哥
Lepaskan: 2018-06-29 10:13:17
asal
2660 orang telah melayarinya

区块元素有很多,这里先介绍二个非常简单且常用的

div:也叫块元素,没有任何样式,就是用来划分页面功能区的.

span: 也叫内联元素,同样也没有任何样式,通常用作标签内容的容器.

那么问题来了?

什么是块元素?自动占据一行,相当于在元素尾部添加了一个回车
,

特点是可以设置宽度,高度,所以非常适合于页面布局

什么是内联元素?内联元素全部在一行显示,一行显示不下会折行,所以也叫行内元素,因为它天生

就是用来展示网页内容的,所以不能设置宽度和高度,它的宽高由它内部的元素决定的,例如文本,

图像,表单控件等,当然,他也不需要设定宽高.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2.区块</title>
</head>
<body>
<div>
<span>今天是个好天气</span><img src="../images/10.png" height="200">
</div>
</body>
</html>
Salin selepas log masuk

Atas ialah kandungan terperinci html的区块元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan