当前位置:首页 > 日记 > 正文

html标签嵌套规则,适合新手朋友使用。

html标签嵌套规则,适合新手朋友使用。
所有网页都基于HTML标记。下面是HTML标记嵌套规则的详细介绍。初学者学习网页非常必要。

再学习HTML的新知识是HTML的一个新的认识。不要小看它。所有的网页都是基于它的!下面是HTML标签嵌套规则的详细总结,希望对您有所帮助。

有许多的XHTML标签:DIV、UL、李、DL、DT、DD、H1 ~ H6,P,一,一,跨度大,stronghellip;hellip;我们使用这些标签来构建页面结构的时候,他们可以无限嵌套嵌套,但还需要有一定的规则,而不是个人习惯--允许嵌套;mdash;XHTML将没有XML。

在XHTML语言,我们都知道李和DL UL标签包括标签,包括DT和ddmdash;mdash;这些固定标签嵌套规则很清楚。然而,很多标签都是独立的。他们不是捆绑在一起,例如H1,DIV,phellip和hellip;所以这些标签的嵌套规则是什么今天我们来谈谈这个话题。

参考XHTML标记的嵌套规则,我们首先必须知道有两种类型的XHTML标记:
称为块级元素(块)的类。
一个类被称为内联元素(内联,很多人称它为:内联、内联、行级等)。

块和嵌入元素的分区标准很简单。请将以下两行代码放入主体标记中:

复制代码代码如下所示:
DIV1
格式
浏览器的渲染效果:
DIV1
格式

两个div页面占据两行空间,除非他们浮动(float)或其他设置,或谁不下任何人,这条线的空间——都很霸道的占有自己;mdash;但看到一个标签,有这样的现象,你可以调用的块级元素(块);

然后将以下两行代码放入主体标记中:

复制代码代码如下所示:
span1
span2
浏览器的渲染效果:
span1 span2

这一次,两跨绑在一起排成一排,他们是友好睦邻,友好和谐的&hellip,和标签这样的行为,我们可以称之为内联。

块级元素与嵌入元素的区别:

块级元素通常用于建立网站结构、布局、内容hellip;hellip,和这些大型体育活动属于块级元素,包括下面的标签。

如地址、引用、中心、DIR、div、DL、DT、DD、字段集,形式,~ H6 H1,H1 ~ H6、形式等。

嵌入元素通常用于网站内容的某些细节或部分,如强调、区分样式、上标、下标、锚等,所有这些标签都是嵌入元素。

例如,缩写,缩写,B、BDO、大、BR、引用、代码,DFN,EM,EM、引用、代码,E,R,R,R,R,R,R,R,H,R,R,R,R,R,D,R,R,D,C,D,C,等等。
块元素和嵌入元素可以相互转换,转换后的代码如下所示:
显示:块;
显示:内联; /转为内联元素

对于CSS的调用规则,块元素和嵌入元素是不同的。本文讨论了标签嵌套,因此它不在这个知识点上展开。

在对块元素和嵌入元素有一个简单的了解之后,XHTML标记的嵌套规则可以在下面列出。

1。元素可以包含内联元素或一些块元素,但是内联元素不包含块元素,它只能包含其他内联元素:
mdash;mdash;对
mdash;mdash;对
mdash;mdash;错误

2。块元素不能放在里面:
mdash;mdash;错误
mdash;mdash;错误

三.某些特殊的块级元素只能包含嵌入的元素,而不是块级元素,这些特殊的标签是:
H1、H2、H3、H4、H5、H6、P、DT

4、div标签和mdash --可以包括在里县,这不一定是单独列出,但在互联网上很多人都想知道这个。

李和div标签的容器,加载的内容都是平等的,没有层次(如:H1,H2等级森严^ _ ^),你知道的,李的标签,甚至其母UL或OL可以容纳,为什么人们认为李必须持有一个div没有看到李这么小,不看Li Long和小,事实上,李的胸部很大

5。级元素与块级元素并行,嵌入元素和嵌入元素并列。
mdash;mdash;对
mdash;mdash;对
mdash;mdash;错误

相关文章

Dreamweaver禁止自动线交换

Dreamweaver禁止自动线交换

自动线,电脑软件,Dreamweaver,我没想到Dreamweaver的菜单这么糟糕。我找了两天找一个选择。 我没想到Dreamweaver的菜单这么糟糕。我找了两天找一个选择。 视图>代码视图选项>自动行更改 上述操作需要处于代码源文件状态。…

PS海绵工具使用详细示例教程

PS海绵工具使用详细示例教程

教程,工具使用,示例,海绵,详细,PS海绵工具如何使用对于新手来说,它可能不是很熟悉海绵工具。所以今天我们给大家带来了PS海绵工具,使用详细的例子教程,不是朋友可以来学习的,希望对大家有帮助。 海绵工具可以调节图像的色彩饱和度,减去图像的颜…

一种ajax实时输入的自动搜索与匹配

一种ajax实时输入的自动搜索与匹配

方法,实时输入,自动搜索,电脑软件,ajax,本文介绍了ajax真实输入的自动搜索与匹配方法,供大家分享,供大家参考。具体分析如下: 第一种方法使用jQuery自动完成,和第二使用jQuery的Ajax,这实际上是由于两相同。 最简单的办法是直接使用jQuery自动…

Javascript动态创建一个表

Javascript动态创建一个表

动态,创建一个,电脑软件,Javascript,复制代码代码如下所示: 功能createtable(行线){ 行=行; 这行=行; VaR的身体= document.getelementbyid('body); 无功表= document.createelement(}}); / /创建一个表的标签元素 table.setattribute('border…

CDR绘制逼真的黑色算盘

CDR绘制逼真的黑色算盘

绘制,逼真,黑色,电脑软件,CDR,本教程是介绍给一个朋友,用CDR绘制一个真正的黑色算盘。本教程比较简单,非常适合初学者学习,希望对你有所帮助。 本教程是介绍给一个朋友,用CDR绘制一个真正的黑色算盘。教程的结果很好,而且制作方法相对简单。它…

画家手绘欧美金发女郎

画家手绘欧美金发女郎

手绘,画家,欧美,金发女郎,电脑软件,本教程是向你介绍手绘的欧洲和美国金发女郎。画家很难用。作者没有详细介绍绘画的过程,而是介绍了构图的概念,对学习者有一定的艺术作用是必要的。 本教程是介绍画家手绘欧美美女,教程是我翻译的,翻译不是很…

Dreamweaver解决网页制作中的空间

Dreamweaver解决网页制作中的空间

网页制作,空间,电脑软件,Dreamweaver,Dreamweaver是一个非常容易使用但功能强大的网页制作软件,然而,这是另一个让许多初学者感到困惑的问题,这就是空间,Dreamweaver中空间的使用远不如Word中的方便。这是因为HTML语言中不止一个空。 Dreamwea…

时尚海报的视觉效果,PS图象处理软件

时尚海报的视觉效果,PS图象处理软件

三种,图象,视觉效果,处理软件,清凉,本教程介绍朋友海报时尚的视觉效果与PS图象处理软件酷的气氛,辅导的效果真的很好,本教程介绍制作三种视觉海报推荐的方法在这里,爱和朋友一起学习。 本教程是为时尚海报的朋友PS图象处理软件让清凉的气息的…

正则表达式实现转换日期MM/DD/年为

正则表达式实现转换日期MM/DD/年为

转换,日期,正则表达式,格式,电脑软件,本文阐述了方法的转换日期MM / DD /年由正则表达式的实现格式为YYYY-MM-DD格式,分享给你参考。具体实现的方法如下: 复制代码代码如下所示: 正则表达式 返回列表 方法 请输入日期的MM / DD / yyyy格式: …

伟大的Node.js读书笔记节点的学习

伟大的Node.js读书笔记节点的学习

学习,节点,读书笔记,电脑软件,Node,这一周,这个项目相对分散(情况总是如此)。总结是基于不同的情况。这个记录是关于节点的学习总结,下一个是从项目中学习Web前端知识。 1.http 节点的HTTP模块在第一次接触到这里,在这里学习几个例程中出现的A…

允许网页自动调用一个双核浏览器的

允许网页自动调用一个双核浏览器的

浏览器,双核,调用,网页,模式,在中国的主流浏览器是双核浏览器:高速浏览基于WebKit内核的内核是基于共同websites.ie用互联网银老网站兼容 代码示例 在头部标签上添加一行代码: xml代码将内容复制到剪贴板。 内容的价值是WebKit,即补偿,和IE…

在DreamweaverCS3Spry详细区域功能

在DreamweaverCS3Spry详细区域功能

区域,功能,详细,电脑软件,DreamweaverCS3Spry,Dreamweaver CS3集成Spry功能。我们都知道,敏捷有XML数据处理功能。我们已经看到了,但Spry地区详细的功能似乎是罕见的。 Spry详细区域有点类似于新闻列表页和母版页的功能。例如,当我们看新闻,一…