在嵌套结构中,html元素的样式遵循什么原则

在嵌套结构中,html元素的样式遵循什么原则,第1张

一、HTML 标签包括 块级元素(block)、内嵌元素(inline)

二、HTML 标签的嵌套规则

块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素

块级元素不能放在<p>里面

有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是: 

h1、h2、h3、h4、h5、h6、p、dt

li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑

块级元素与块级元素并列、内嵌元素与内嵌元素并列: 

<div><h2></h2><p></p></div>—— 对 

<div><a href=”#”></a><span></span></div>—— 对 

<div><h2></h2><span></span></div>—— 错 

必须要用ul、li这两个元素。

ul: 标签用于定义无序列表。li:标签用于定义列表中的项目

嵌套,指的是在已有的表格、图像或图层中再加进去一个或多个表格、图像或图层,亦或两个物体有装配关系时,将一个物体嵌入另一物体的方法。

<!DOCTYPE html>

<html>

<head>

<title>HTML表格的嵌套</title>

<meta charset="UTF-8" />

</head>

<body>

<table border="1" style="width: 300px">

<tr>

<td>1</td>

<td colspan="2">2</td>

<td>3</td>

</tr>

<tr>

<td colspan="2">1</td>

<td colspan="2">2</td>

</tr>

<tr>

<td colspan="2">1</td>

<td colspan="2">2</td>

</tr>

</table>

</body>

</html>

合并单元格就可以实现效果了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6142168.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存