HTML基础知识（块级标签，行内标签，行内块标签）

1、块级元素：此类元素会占据自己的一行，并且可以设置宽度和高度属性。
如果不指定宽度，块级元素将默认填充其父元素的宽度，即100%宽度。
2.行内元素：多个行内元素可以并排存在于同一行。
它们的高度和宽度属性不会生效，但会受到内容的支持。
3、行内块元素：该元素结合了行内元素和块级元素的特点。
它可以设置宽度和高度属性，并且多个此类元素可以并排存在于同一行。
4.标签用法：-`a`标签：用于链接到其他网页。
-`span`标签：用于内联文本的样式操作。
-`em`标签：用于强调文本，通常以斜体显示。
-`strong`标签：用于强调文本，通常以粗体显示。
-`img`标签：用于引用图片，`src`属性指定图片地址。
-`var`标签：用于在JavaScript中命名变量。
5、块级标签功能：该类标签占用独占行，可以设置高度、宽度、行高、上下边距。
如果未指定宽度，则它们默认填充父元素的宽度。
6.`p`标签：用于定义文本段落。
默认情况下，将在段落末尾执行换行。
7.`div`标签：用于划分页面块级区域。
8.列表标签：-`ul`标签：用于无序列表，项目用点标记。
-`ol`标签：用于有序列表，项目用数字标记。
-`li`标签：列表项的主体。
9.`dl`、`dt`和`dd`标签：用于定义自定义列表，`dt`是列表的标题，`dd`是标题的解释或说明。
10.`h1`到`h6`标签：用于六级标题，字体大小依次减小。
11.标签转换：-将块级标签转换为内联标签：`display:inline;`-将内联标签转换为块级标签：`display:block;`-将标签转换为内联块标签：`display:inline-block;`12.`text-align`属性：该属性对块级标签生效，因为块级标签会占据整个水平空间，并且可以居中。
由于内联元素的宽度由内容决定，因此该属性不适用。

html所有的块级标签和行级标签有哪些

块级元素

特点：1、每个块级元素占据单独的一行，后续元素只能在不同的行上开始。
两个元素不能在同一行。

2.您可以设置元素的高度、宽度、行高以及顶部和底部边距。

3.如果未设置元素的宽度，则默认为父元素的宽度。

常见的块级元素：


,

...

,
    ,,
    ,,
    ,
    ,<form>

    行级元素

    特点：1.可以与其他元素在同一行，无需另起一行。

    2.无法设置元素的高度、宽度、顶部和底部边距。

    3.元素的宽度与其包含的文本和图像的宽度相同，并且无法更改。

    块元素（blockelement）HTML标签分类信息

    地址-块地址引用-块链接到块对齐中心-中心目录-目录列表dl-定义字段列表set-表单控制组表单-交互表单（只能用于放置其他块元素）h1-大标题h2-字幕h3-三级标题h4-四级标题h5-5级标题h6-6级标题hr-水平分隔符isindex-inputpromptmenu-菜单列出noframes-frames可选内容（对于不支持框架的）浏览器显示此块的内容，可选脚本内容（显示此内容对于不支持脚本的浏览器）ol-sortedformp-paragraph预格式化文本table-tableul-未排序列表内联元素（inlineelement）有关HTML标签分类的信息a-anchorabbr-缩写缩写词-首字母b-粗体字体（不推荐）bdo-bidioverrideLarge-大字体br-换行符cite-引文代码-计算机代码（引用源代码时需要）dfn-define字段强调font-字体设置（不推荐）i-斜体img-图片输入-输入字段kbd-定义键盘文本标签-表格标签s-下划线（不推荐）

    samp定义示例计算机代码

    元素选择

    小字体。
    文本范围-通常使用的内置容器，文本内块的定义。
    -上标文本区域-多行文本输入字段tt-电传文本u-下划线var-变量元素定义HTML标签分类元素：分类详情applet-javaapplet-button-button-删除文本iframe-inlineframe插入文本地图块-图像（地图）对象-对象-对象脚本-客户端脚本

    高级信息：

    HTML不是一种编程语言，而是一种创建网页所需的标记语言。
    “超文本”指的是页面。
    它可能包含图像。
    、链接，甚至音乐和程序等非文本元素。

    超文本标记语言（或超文本标记语言）包括。
    “头部”部分和“主体”部分，“头部”部分提供网页的信息，“主体”部分提供网页的具体内容。

    字符集：

    除了常见的美国标准信息交换码（外文缩写：ASCII）和网页上可以显示的汉字外，HTML还有一套共同构成HTML字符集的特殊字符。

    需要使用特殊字符有两种情况：一种是网页上有特殊含义的字符，另一种是键盘上没有的字符。
    HTML字符可以用某些代码来表示，并且这些代码可以用两种方式表示。

    即字符代码（命名对象）和数字代码（编号对象）。
    符号代码以符号“&”开始，以分号“;”结束，分号之间是符号的名称，例如®。
    数字代码也以字符“&#”开头，以分号“;”结尾之间有数字，例如®。

    超文本标记语言是标准通用标记语言的一种应用。
    它也是一种规范和标准。
    它使用标记字符来指示正在显示的网页的不同部分。

    网页文件本身就是一个文本文件。
    通过向文本文件添加标签，您可以告诉浏览器如何显示内容（例如：如何处理文本，如何排列图像，如何）。
    显示图像等）。

    浏览器按顺序读取网页的文件，然后根据标签解释并显示标记的内容。
    写错的标签不会报错，解释执行过程就完成了。
    无法停止。
    编译器只能分析错误的原因和位置，并显示其后果。

    但需要注意的是，不同的浏览器对同一个标签的解释可能不同，因此可能会出现不同的显示效果。

    用超文本标记语言创建文档并不是很复杂，但它功能强大并且支持嵌入多种数据格式的文件。
    这也是万维网（WWW）流行的原因之一。
    其主要特点如下：

    简单：超文本标记语言版本升级采用先进的方法，更加灵活、方便。

    可扩展性。
    超文本标记语言的广泛使用导致了对高级功能和标识符添加的需求。
    超文本标记语言使用子类化元素来提供系统可扩展性。

    平台独立性。
    尽管个人计算机很流行，但许多人使用其他机器，例如MAC，一种可以在多种平台上使用的超文本标记语言，这是其在全球流行的另一个原因。
    万维网（WWW）。

    多功能性。
    此外，HTML是Internet的通用语言，是一种简单且通用的通用标记语言。

    它允许网页制作者创建结合文本和图像的复杂页面。
    互联网上的任何人都可以查看这些页面，无论他们使用什么类型的计算机或浏览器。

    来源：百度HTML百科

    HTML中标签共分为两大类,行内标签和块状标签,请说明两类标签的特点

    块标签在HTML中用作单独的行

    p标签和span标签有什么区别？

    1、p标签和span标签都是标准的html标签。
    2.所谓块标签也称为块级元素块级元素占据其父元素（容器）的整个空间，从而创建一个“块”。
    通常浏览器会在块级元素之前和之后添加新行。
    3、所谓行标签也叫行内元素，不能单独占据一行，与其他行内元素排在一行。
    4.希望对您有所帮助，也希望您能从中有所收获。
    标签： HTML 标签
    上一篇： CSS教程：掌握字体颜色设置技巧
    下一篇： HTML基础：alt与title属性应用详解
    相关文章
    HTML中嵌入JavaScript：方法与步骤详解
    2025-01-13 10:01:39 浏览：1
    简单HTML个人网站模板下载与使用指南
    2024-12-11 13:55:55 浏览：1
    CSS设置文本下划线：两种方法详解与优化实践
    2024-12-31 19:32:13 浏览：1
    揭秘jQuery九大选择器：高效简化你的JavaScript开发
    2024-12-18 00:26:53 浏览：1
    深入解析HTML：基础与结构解析
    2024-12-29 07:47:55 浏览：1
    HTML锚点创建与链接跳转详解：超链接和命名锚点应用指南
    2025-01-11 13:32:20 浏览：1
    如何轻松去除JqueryMobile默认样式，三种方法教你解决问题
    2024-12-12 01:47:57 浏览：1
    JS变量与函数处理指南：揭秘变量作用域与函数变量定义
    2024-12-19 09:23:48 浏览：1
    CSS实现文字竖排及图片文字同行布局教程
    2024-12-25 08:08:28 浏览：1
    HTML CSS样式编写攻略：三种方法详解
    2024-12-29 18:53:10 浏览：1
    热门文章
    网站后台登录教程：轻松掌握进入方法及安全设置
    2024-12-10 21:15:28 浏览：148
    小皮面板（Phpstudy）使用教程：环境部署与站点创建详解
    2024-12-11 01:52:16 浏览：126
    电脑版网页左下角_javascript:void(0)解决方法及优化技巧
    2024-12-10 22:33:01 浏览：60
    解决网页无法使用JavaScript的常见原因及解决办法
    2024-12-11 01:03:22 浏览：59
    PHPStorm运行PHP项目全攻略：保姆级教程，轻松入门！
    2024-12-25 19:08:09 浏览：58
    如何解决浏览器禁用JavaScript导致网页无法打开的问题？
    2024-12-11 18:25:27 浏览：57
    下拉菜单无法选中选项？8种解决方案帮你排查
    2024-12-11 06:35:37 浏览：39
    Windows提取文件失败及创建目标文件错误解决指南
    2025-03-10 22:18:33 浏览：36
    Windows 11压缩文件无效解决方法：7-Zip数据错误与内置解压工具使用指南
    2024-12-18 11:25:49 浏览：35
    电脑出现JavaScript错误怎么办？解决方法全解析
    2024-12-10 17:13:25 浏览：35

    Copyright © 2025零幺凯特. All Rights Reserved.

    豫ICP备2022015004号-2