HTML中的块级、行级元素,特殊字符,嵌套规则

来源:脚本之家  责任编辑:小易  

行内元素列表: 标签可定义锚 表示一个缩写形式 定义只取首字母缩写 字体加粗 可覆盖默认的文本方向 大号字体加粗 换行 引用进行定义 定义计算机代码文本 定义一个定义项目 定义为强调的内容 斜体文本效果 向网页中嵌入一幅图像输入框 定义键盘文

如果介绍HTML网页基本标签的嵌套规则,首先要说的就是元素的分类。元素可以划分为块级元素和行级元素,块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看

块级元素 特点:1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。 2.元素的高度、宽度、行高和顶底边距都是可以设置的。 3.元素的宽度如果不设置的话,默认为父元素的宽度。 常见的块级元素:、、、、、、

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> HTML块级、行级元素,特殊字符,嵌套规则</title> </head> <body> <!-- 块元素:独占一行,可以设置宽高、默认宽度100% --> 块元素分为文字类和容器类 文字类块元素:p、h1——h6 容器类块元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列) <!-- 行元素:不独占一行,宽高度取决于内容 --> 行元素:a img input strong em del span 特殊字符:文字 br &nbsp hr </body> </html>

其实两者可以转换的,也没必要硬要记熟,不过还是解答一下你的疑惑。 行内元素的标签有: 链接 换行 加粗 加粗 图片 上标 下标 斜体 斜体 删除线 下划线 文本框 多行文本 下拉列表 块级元

嵌套规则总结如下几点:

块级元素可以设置大小,行不会,块元素会单独占一行,行内元素不会。常用的块级元素有div、p、h1~h6等,行内元素有span,a,img,b,i,strong等等。。

1.块元素可以嵌套行元素

块状:* * * * * * * * * * * 内联(行内): * a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字

2.行元素可以嵌套行元素

来来介绍一些自己收集的株洲特色,口味佳的店。有些店没有名字只有地点,这些店分布株洲各地,口味是经过时间考验的。最长的店有20年的历史。南环线上土口味店株洲也有家牛逼的神店;无招牌,南环线边上稀烂的2层搭建的。踩在上面,晃晃弹弹,担心会掉下去。要上厕所是件勇敢的事情。高跟鞋者更是危险重重。。。这家的猪肺是一绝。。有烫毛肚类(山胡椒),鱼片类。。味道都还不错株洲朱亭镇挂朱亭镇招牌的饭店在株洲曾经有很多家,不过真正注册了的,,只有向阳广场这家,正式名称是朱亭镇家菜馆。朱亭镇的菜,我个人最喜欢的是用朱亭的黄干椒和葱头用得出神入化,而且菜一上桌,碗碗都是清清爽爽,每道菜的配料能简则简,绝不会出现不管鸡鸭

3.行元素不可以嵌套块元素

你好,IT之家为你解答收音机的工作原理。收音机的作用是什么呢?接收来自广播电台的电波,并将其转化为人耳能够听到和辨识的声音。在说收音机是如何将无线电波转化为我们可听见、可辨识的声音之前,我们先来看看广播电台是如何将播音员的声音传送出去的。若播音员在广播电台的播音间里直接说话,而这些声音不经过任何处理,那你的收音机肯定不会收到他的声音的。为什么呢?因为这些声音的“能量”太弱了,不等传到你的收音机里,它们就衰减没了。要怎么样才能让声音传得远呢?我们要给它“加点儿劲儿”。在广播电台中,有一种名叫振荡器的设备,它可以产生出比较“有能量”的电波,这种电波可以传播到更远,不过振荡器生成电波中包含的信息是无

4.文字类块元素不可以嵌套块元素

跟着学校的作息时间。晚上什么时候睡觉,可以根据你第二天是不是很累,听课很茫然而定。不过,很多学校在十一点半肯定会熄灯睡觉了。如果你想用手机,小心啊,被抓了,你会很多天都在“悲愤”的,这将会影响你的情绪,最好别干。还有的学校更狠了,到那时,整个宿舍楼都进行手机电磁屏蔽。如果你是外宿,更要管好自己。如果管不好自己,还是去学校让那些阿姨管吧。作为老师,我不鼓励你起早贪黑,但是,我鼓励你抓紧时间:1】用好课前三分钟,抓紧一些,就有五分钟,你可以复习即将上的科目昨天学过的知识,如果是文科,甚至你可以读一页书了。2】早读晚读,有计划地读书,以复习为你的首要任务。如果哪一个班总是要齐声朗读的,我只好祝福你,

5.容器类块元素可以嵌套块元素

大家看到网络上谁谁谁有要拍西游记了,是不是都没有什么兴趣?咱们心里只有那一部西游记?孙悟空就是六小龄童,沙僧只认闫怀礼!可是你知道闫怀礼老师在西游记里连演9角吗?有台上老君,有西海龙王还有牛魔王不得不佩服闫怀礼老师的演技。到了09年4月,闫怀礼因肺部感染在北京世纪坛医院去世,享年73岁。最后他只想见一下师徒三人,可是猪八戒扮演着马德华因为堵车没有到场,最后很是内疚!闫怀礼老师走的那天恰好是六小龄童的生日,六小龄童从此以后不再过生日。对那版的西游记,看了好多遍都没有够。对其他的都不感冒。只喜欢他们四个人。感谢他们为我的童年带来快乐。

以下html网页基本概念、html网页基本结构、HTML基础标签图片文本超链接列表表格介绍、html基本标签表单实现交互原理,单选框,复选框,下拉框介绍、网页DIV+CSS布局与ifame传统布局对比的相关博文就是HTML的全部部分了,HTML的学习主要是了解它的语义化嵌套规则来构建页面,至于页面的CSS与交互逻辑JS则是下面要练习的内容!

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

HTML初学者,书上说块级元素里面只能是文本或行类元素。但是我在<p>里面嵌套使用<div>也可以啊!

你在哪本书上看的???再看下,块级元素可以嵌套行内元素和部分块级元素,行内元素只能包含行内元素,你说的p里面嵌套div这种写法是错误的,你代码这样写<p><div></div></p>浏览器解析的时候会自动解析为<p></p><div></div><p></p>不相信的话你直接给div和p添加样式再用浏览器打开看下就知道了,实例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title>Examples</title>

<meta name="description" content="">

<meta name="keywords" content="">

<link href="" rel="stylesheet" text="text/css">

<style type="text/css">

p{

width: 100px;

height: 20px;

border:1px solid red;

}

div{

width: 100px;

height: 20px;

background: red;

}

</style>

</head>

<body>

<p><div>文字</div></p>

</script>

</body>

</html>

这个是浏览器的显示效果

直接鼠标右键——审查元素,显示如下

明显多个p,不相信的话,自己实际操作下就知道了

html标签的嵌套规则有哪些

一、HTML 标签包括 块级元素(block)、内嵌元素(inline)

1、块级元素

一般用来搭建网站架构、布局、承载内容……它包括以下这些标签:

address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul

2、内嵌元素

一般用在网站内容之中的某些细节或部位,用以“强调、区分样式、上标、下标、锚点”等等,下面这些标签都属于内嵌元素:

a、abbr、acronym、b、bdo、big、br、cite、code、 dfn、em、font、i、img、input、kbd、label、q、s、samp、select、small、span、strike、 strong、sub、sup、textarea、tt、u、var

二、HTML 标签的嵌套规则

1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:

<div><h1></h1><p></p></div> —— 对

<a href=”#”><span></span></a> —— 对

<span><div></div></span> —— 错

2. 块级元素不能放在<p>里面:

<p><ol><li></li></ol></p> —— 错

<p><div></div></p> —— 错

3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:

h1、h2、h3、h4、h5、h6、p、dt

4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:

li 和 div 标 签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都 可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大 滴……

5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:

<div><h2></h2><p></p></div> —— 对

<div><a href=”#”></a><span></span></div> —— 对

<div><h2></h2><span></span></div> —— 错

html中内联元素和块元素的嵌套问题。 内联元素能不能嵌套块元素? 根

是可以的,罗列 XHTML 标签的嵌套规则了:

1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:

<div><h1></h1><p></p></div> —— 对

<a href=”#”><span></span></a> —— 对

<span><div></div></span> —— 错

2. 块级元素不能放在<p>里面:

<p><ol><li></li></ol></p> —— 错

<p><div></div></p> —— 错

3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:

h1、h2、h3、h4、h5、h6、p、dt。

4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:

li 和 div 标签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大滴……

5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:

<div><h2></h2><p></p></div> —— 对

<div><a href=”#”></a><span></span></div> —— 对

<div><h2></h2><span></span></div> —— 错追问谢谢。

我还有疑问:

我在查看相关问题时,有网友说内联嵌套块,块会继承内联的属性,这样的说法正确吗?我测试a嵌套p和div时,文字字体,文字颜色,文字大小确实都继承了。

css的display:block;设置后可以设置内联元素的宽高,那么这样内联元素是不是可以嵌套块元素了呢?

关于你说的并列问题,我经常并列使用,比如hello

world,难倒不正确吗?

html中行内元素(a)中能不能放块元素(div),为什么??

1、html中行内元素(a)中能不能放块元素(div)

回答:不能。

XHTML标准是这样定义的:

*inline

*a

*inline excluding an enclosed a element

解释就是 a标签属于inline, a标签只能嵌套inline元素,并也不能再嵌套a标签。

2、那span里面能不能放div呢??

回答:不能

1、html中行内元素(a)中能不能放块元素(div)

回答:不能。

XHTML标准是这样定义的:

*inline

*span

*inline

解释就是 span是属于inline,并且span也只能嵌套inline

另外,XHTML标准还有一些我们容易疏漏的,比如所有标签都要小写,例如<html>等

我个人理解就是标准毕竟只是标准,就好像大家都走路靠右边走,但是你如果非要靠左边走,也没人拦你。所以写的时候有可能会通过浏览器的认证,但是如果在某些严格符合xhtml规范的编译器或浏览器,他们就不认账了。

所以按照xhtml规范可以培养自己良好的开发习惯。

顺便提一下,html元素分3中,*元素、块级元素、内联元素。

LZ一直说的行内实际上就是内敛元素...

在嵌套结构中,html元素的样式遵循什么原则

一、HTML 标签包括 块级元素(block)、内嵌元素(inline)

二、HTML 标签的嵌套规则 

  1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素

  2. 块级元素不能放在<p>里面

  3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是: 

      h1、h2、h3、h4、h5、h6、p、dt 

  4.  li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑

  5.  块级元素与块级元素并列、内嵌元素与内嵌元素并列: 

      <div><h2></h2><p></p></div> —— 对 

      <div><a href=”#”></a><span></span></div> —— 对 

      <div><h2></h2><span></span></div> —— 错 


  • 本文相关:
  • html5标签嵌套规则详解【必看】
  • html标签的嵌套规则介绍
  • html标签嵌套规则详细归纳适合新手朋友
  • xhtml标签的嵌套规则分析
  • HTML初学者,书上说块级元素里面只能是文本或行类...
  • html标签的嵌套规则有哪些
  • html中内联元素和块元素的嵌套问题。 内联元素能不...
  • html中行内元素(a)中能不能放块元素(div),为什么...
  • 在嵌套结构中,html元素的样式遵循什么原则
  • html 行级元素和块级元素标签列表分别有哪些
  • html所有的块级标签和行级标签有哪些
  • html5的标签中,哪些是行内元素,哪些是块级元
  • html中什么是行级,块级标签
  • HTML元素中有哪些是块级元素,有哪些是行内元素?
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved