【前端开发】HTML标签总结-行标签和块标签

最新推荐文章于 2025-06-06 13:08:26 发布

显天

最新推荐文章于 2025-06-06 13:08:26 发布

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web开发文章标签： html 前端开发

本文链接：https://blog.youkuaiyun.com/xiantian7/article/details/51920757

11 篇文章

订阅专栏

本文总结了HTML的基础知识，包括HTML和XHTML的定义，<!DOCTYPE>声明的作用，以及HTML文档的基本结构。重点讲解了HTML标签，特别是行元素和块元素的区分，如<div>、、、<a>等，并指出这些元素可以通过CSS的display属性进行转换。同时列举了常见的行元素和块元素示例。

一，基本概念

HTML(Hypertext Markup Language) 超文本标记语言，是用于描述网页文档的一种标记语言，XHTML是一种遵循更严格的XML规则的HTML新版本，这种新的XML兼容版本的HTML被称为XHTML。

<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

二．大体框架

<html>

<head>

<title>该文本的标题</title>

</head>

<body>网页要显示的内容…(可以使用各种标签设置参数) </body>

</html>

使用META标记，提供关于网页的信息
<META charset=”UTF-8″> 设置网页使用UTF-8编码

HTML标签语法：

1、双标记：<开始标记>内容</结束标记>。例：新华网、<title>…</title>

2、单标记：<标记>。例：<hr>–加横线、 –换行、–加宽等。

3、标记的属性：<标记属性1=参数属性2=参数…>内容</标记>。例：新华新闻。

特殊标签(3个)：<!DOCTYPE>、<!– –>、<hr>、

块元素与行元素可以通过css 中display样式进行转换（inline，block，inline-block）。

display常用的几个属性

e， inline-block属性是CSS2.1新加值，IE8以上及其他主流浏览器都已经支持，它可以使元素像行内元素那样水平一次排列，但是框的内容符合块级元素行为，能够显示设置宽，高，内外边距。就是可以一行排列多个此类元素，并且可以根据属性设置尺寸大小。

块元素(block element)

行元素(inline element)