HTML的标签元素分类的区别

HTML ，即Hyper Text Markup Language 超文本标记语言；

文本：纯字符，如window中的txt文本

超文本：在纯文本中嵌入样式，图片，音频，视频，链接等内容

HTML的基本结构：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

</html>

HTML元素类型：

(1) 区块元素：

每个块级元素都从新的一行开始，并且其后的元素也要另起一行。（一个块级元素独占一行）。
元素的高度、宽度、行高以及顶和底边距都可设置。
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设置了宽度

(2) 内联元素：

和其他元素都在同一行；
元素的高、宽、行高以及边距均不可设置
元素的高、宽均取决于它包含的文字或图片的大小

(3) 内联块：

和其他元素在同一行；
元素的高度、宽度、行高及边距可以设置

注意：元素的类型是可以改变的，通过display属性设置。

例如：

以下代码和图片的差别揭露不同类型标签元素之间的区别

<!DOCTYPE html>

<html>

<head>

<style>

strong,em,a,img{

display:block;

}

h1,h2,p,hr,ul,ol,dl{

display: inline;

}

</style>

</head>

<body>

<ol><li>接下黑暗的幕布</li></ol><ol><li>接下黑暗的幕布</li></ol>

<dl>

</dl>

</details>

天涯海角共几何，只为青山缘始终。

</details>

</body>

</html>

未控制样式，各标签的默认显示方式，如图1

　　　　　　　　　　　　　　　　　　图1

是它们的显示样式相反，如图2

　　　　　　　　　　　　　　　　　　图2

转载于:https://www.cnblogs.com/anorferde/p/5790098.html

HTML的标签元素分类的区别相关推荐

html分类代码查询,html标签元素分类(示例代码)
在CSS中,HTML中的标签元素可以被分成三种类型,分别是:块状元素.内联元素和内联块状元素. 常用的块状元素有: . .( ...... 标题). . . . (长引用). 块状元素的特点: 1.一 ...
html5的a能不能放div,从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型...
我们知年有这只制明个手近天点里要它出水机近天点道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了.所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css ...
HTML标签元素的分类
在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素和内联块状元素. 常用的块状元素有: <div>.<p&g ...
了解HTML 元素分类
HTML中包含大量的标签, 这些标签在我们使用中发现会有小小的差别, 有的标签用了之后不会有太大的布局变化, 只是语义化, 而有的标签却会重起一行, 相当于自己回车了一次, 这就是不同标签元素的分类不 ...
多标签文本分类 [ALBERT]（附代码）
目前,中文多标签文本分类的方法主要有3种,今天我们来详细介绍及实践其中的一种,算法框架使用的是ALBERT. 一.介绍此项目是在tensorflow版本1.14.0的基础上做的训练和测试. 任务类型 ...
css知识笔记（一）——基础知识、选择器、元素分类
CSS全称为"层叠样式表 (Cascading Style Sheets)",它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 如下列代码: p{f ...
2022.02.23_HTML+CSS学习总结_CSS初识、选择器与标签的分类
一.初识 1. CSS初识 (1).CSS的发展历程从HTML被发明开始,样式就以各种形式存在.不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制. 最初的HTML只包含很少的显示属性.随着 ...
Bert模型做多标签文本分类
Bert模型做多标签文本分类参考链接 BERT模型的详细介绍图解BERT模型:从零开始构建BERT (强推)李宏毅2021春机器学习课程我们现在来说,怎么把Bert应用到多标签文本分类的问题上. ...
css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换
目录一.DIV+CSS布局 1.1 布局时常用的属性 1.2 布局 - 上中下结构 1.3 布局 - 上中下 - 左右 1.4 圣杯布局和双飞翼布局二.字体属性 2.1 字体颜色 2.2 字体大 ...

HTML的标签元素分类的区别

HTML的标签元素分类的区别相关推荐

最新文章

热门文章