html：html标签的那些嘻嘻哈哈事之详谈

最新推荐文章于 2023-08-20 11:26:25 发布

听雪闻歌

最新推荐文章于 2023-08-20 11:26:25 发布

阅读量252

点赞数 1

分类专栏： Matlab/Sql/Html/JS

本文链接：https://blog.csdn.net/qq_42229253/article/details/81273310

版权

31 篇文章 10 订阅

订阅专栏

HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。html标签HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

(1)、标签不会出现在页面中，只有标签中的内容才会显示在页面上：也就是<html>此处为内容</html>标签不区分大小写，但是推荐使用小写：(X)HTML 版本中强制使用小写，这样更加严谨；

(2)、标签分为闭合标签和空标签：闭合标签是指由开始标签和结束标签组成的一对标签，这种标签允许嵌套和承载内容，例如：<html></html>、<p></p>；

(3)、空标签是没有内容的标签，在开始标签中自动闭合，例如：<img />、<br />、<hr />等。

1、html标签分类：html标签又叫做html元素，它分为块级元素和内联元素（也可以叫做行内元素），都是html规范中的概念。
(1)、块级元素：块级元素是指本身属性为display:block;的元素。因为它自身的特点，我们通常使用块级元素来进行大布局（大结构）的搭建。

(1.1)块级元素的特点：
独占一行，每一个块级元素都会从新的一行重新开始，从上到下排布；
可以直接控制宽度、高度以及盒子模型的相关css属性；
在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度；
在不设置高度的情况下，块级元素的高度是它本身内容的高度；

(1.2)常用的块级元素

(2)、内联元素：内联元素是指本身属性为display:inline;的元素。因为它自身的特点，我们通常使用块级元素来进行文字、小图标（小结构）的搭建。

(2.1)内联元素的特点：
和其他内联元素从左到右在一行显示；
不能直接控制宽度、高度以及盒子模型的相关css属性，但是直接设置内外边距的左右值是可以的；
内联元素的宽高是由本身内容的大小决定（文字、图片等）；
内联元素只能容纳文本或者其他内联元素（此处请注意，不要在内联元素中嵌套块级元素）；

(2.2)常用的内联元素

关注