html语言中,<div>是干什么的 啊 ?

作者&投稿:严饶 (若有异议请与网页底部的电邮联系)
HTML语言中<div>是什么意思~

DIV相当一个大箱子
在这个箱子里 你可以放东西 比如图片 字段 还有这个箱子有属性 能改变箱子的颜色 还有箱子的大小 什么的 反正你就可以吧他当做一个箱子来看待就好了
可以放在真个网页的任何地方 我的理解

DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。 可定义文档中的分区或节(division/section)。标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

扩展资料:
是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 固有的特定的格式表现。可以通过 的 class 或 id 应用额外的样式。不必为每一个 都加上类或 id,虽然这样做也有一定的好处。可以对同一个 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。
参考资料来源:百度百科-DIV
参考资料来源:百度百科-HTML

<DIV>称为区隔标记。作用:设定字、画、表格等的摆放位置。当你把文字,图象,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV 中的 HTML。

<DIV>应用于 Style Sheet(式样表)方面会更显威力,它最终目的是给设计者另一种组织 能力,有 Class ; Style ; title ; ID 等属性,将会于【Style Sheet】一节才作详述,这处只介绍 一个属性设定。
以 <DIV align="center"> 为例:
align="center"
可选值:center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样,前者是由 HTML3.0 开始 的标准,后者是通用己久的标示法。

CSS单元的位置和层次-div标签

我们都知道,在网页上利用HTML定位文字和图象是一件“令人心痛”的事情。我们必须使用表格标签和隐式GIF图象,即使这样也不能保证定位的精确,因为浏览器和操作平台的不同会使显示的结果发生变化。
而CSS能使你看到希望的曙光。利用今天我们即将学到的CSS属性,你可以精确地设定要素的位置,还能将定位的要素叠放在彼此之上,还有...还有......你自己慢慢看吧!
Cascading Style Sheets(CSS)是 DHTML 的基础。CSS 用来设定你网页上的元素是如何展示的。Cascading Style Sheets Positioning(CSS-P)是 CSS 的一个扩展,它可用来控制任何东西在网页上或是说在窗口中的位置。请你记住这两个名词:CSS 和 CSS-P。下面四个英文网址提供了详细的关于 CSS 和 CSS-P 的文件和解释。
● 1.使用 DIV 标签 (div)

当我们使用 CSS-P 的时候, 我们主要把它用在 DIV(division)tag 上。当你把文字,图象,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候,你就知道它们是指一段在 DIV 中的 HTML。
使用 DIV 的方法跟使用其他 tag 的方法一样:
<DIV>This is a DIV tag .</DIV>
如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P></P> 是一样的。
但当我们把 CSS-P 用到 DIV 中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它, 比如说移动它或改变它的一些性质等等。
<DIV ID="truck">
This is a truck
</DIV>
给层次取什么名字是随意的,名字可以是任何英文字母和数字,但第一个必须是字母。有两种把 CSS-P 应用到 DIV 的方法。
Inline CSS:Inline 是最常用的方法。
<DIV ID="truck" STYLE="styles go here">
This is a truck .
</DIV>
External STYLE tag:使用 External 方法的结果是一样的。我们会在以后的课程里再详细解释这种方法。现在我们主要讨论Inline 方法。请注意在 External 方法里,在 STYLE 里的 ID 和 DIV 里的关系。
<STYLE TYPE="text/css">
<!-- #truck {styles go here} -->
</STYLE>
<DIV ID="truck">This is a truck .</DIV>

Cross-Browser CSS 性质:
我们这个课程的主要目的是让你写出的网页在 NS4 和 IE4 上都能工作, 所以我们主要讨论那些对俩者都通用的性质。下面这些性质符合由 W3C 给出的标准。

position 决定 DIV tag 是如何放置的。“relative”意思是DIV的位置是相对于其他 tag 的,而“absolute”是说 DIV tag 的位置是相对于它所在的窗口。
left 相对于窗口左边的位置
top 相对于窗口上边的位置
width DIV tag 的宽度。所有在 DIV 里的文字或html都在里面。
height DIV tag 的高度。这个性质很少用除非你想 Clip 层次。
clip 给出 layer 的 clipping(可看的见的)部分。Clip 可使得 DIV 显示为一个可以定义的很准确的方块。你可以用以下的四个值来给出这个方块的在 DIV 位置和大小。
clip:rect(top,right,bottom,left);
visibility 隐蔽或展现DIV 根据它的值“visible”,“hidden”,“inherit”。
z-index DIV tag 的立体位置。值越大 DIV 的位置越高。
background-color DIV 背景的颜色。
layer-background-color Netscape 的 DIV 背景颜色。
background-image DIV 的背景图象。
layer-background-image Netscape 的 DIV 的背景图象。
● 2.绝对定位和相对定位 (position)

绝对定位:
定位属性将是网虫们打开幸福之门的钥匙:
H4 { position: absolute; left: 100px; top: 43px }
这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素,距离其顶部43象素的位置。注意这里唯一设置了的是左边和顶部,也就说,文字将从左到右,从上到下载入浏览窗口。
左边和顶部属性很直观,左边(left)设定要素距浏览器窗口左边的距离,顶部(top)设定距离浏览器窗口顶部的距离。设定这些距离时,你可以使用所学过的各种度单位或比例值。使用比例值时,比例值的是相对于母体要素的尺寸。
你可以定位什么呢?任何东西!段落、单词、GIF和JPEG图象、QUICKTIME电影等等。
相对定位:
绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例:
I { position: relative; left: 40px; top: 10px }
相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。相对定位单元出现在普通的静态定位单元的行间,定位时没有把自己和静态定位单元完全分开。如果你停止使用相对定位,则文字的显示位置将恢复正常。使用相对定位时要小心,否则容易将页面弄得非常乱。
除了相对定位和绝对定位,你还可以使用static(静止)参数值。Static 是 position 特性的缺省值。它的使用方法同普通HTML中的定位方法,不能附加特殊的定位设置。也就是说,除了边距特性,或通过使用 float 特性来浮动单元可影响单元的定位外,其它均不可以。

● 3.定位单元的控制 (width、height、visiblility)

除了控制定位单元的左上角位置,你还可以控制单元的宽度和高度,及单元在页面的可视性。

宽度:定位了的要素在页面上显示时仍然会从左到右一直显示。利用宽度属性就可以设定字符向右流动的限制,即设定要素的宽度。
DIV { position: absolute; left: 200px; top: 40px; width: 150px }
浏览器接到这项规则时,它将文字按照规则规定的效果显示,还将段落的最大水平尺寸限制在150象素。
宽度属性只适用于绝对定位的要素。你可以使用我们学过的任何一种长度单位,或使用比例值设定宽度,比例值指相对于母体要素的比例。IE 4中,这项属性还可用于图象。你可以通过宽度设置人为地拉宽或压缩图象。

高度:理论上讲,高度应该和宽度的设置类似,只不过是在垂直方向上:
DIV { position: absolute; left: 200px; top: 40px; height: 150px }
这里我用了“理论上讲”,因为有些浏览器不支持高度属性。

可视性:利用CSS,你可以隐藏要素,使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。
H4 { visibility: hidden }
选项:

visible 使要素可以被看见
hidden 使要素被隐藏
inherit 指它将继承母体要素的可视性设置。
值 inherit 为缺省值。这使单元继承父单元的可见性。所以,如果某一段是隐藏的,则它包含的任何行间单元也都被隐藏。这一继承性可被明确指定的可见性取代。例如,段内的 EM 单元被指定为可见,这时如果该段被隐藏,则段内的所有其它内容都将消失,而唯有 EM 单元中的文本是可见的。

div 全称 division 意为“区分”
使用 DIV 的方法跟使用其他 tag 的方法一样:

<DIV>This is a DIV tag .</DIV>

如果单独使用 DIV 而不加任何 CSS-P, 那么它在网页中的效果和使用 <P></P> 是一样的。

但当我们把 CSS-P 用到 DIV 中去以后,我么就可以严格设定它的位置。首先我们需要给这个可以被 CSS-P 控制的 DIV 一个 ID 或说是它的名字。比如说我们给下面这个 DIV 的名字是 truck。给名字的目的是我们以后可用 JavaScript 来控制它, 比如说移动它或改变它的一些性质等等。

<DIV ID="truck">

This is a truck

</DIV>

就是一个标签容器。

没有什么实在意义。

在WEB2.0布局中经常用这个容器

在web页中插入层时,使用div标记。

定义了一个区块或者一个层


动态海报用什么软件做的?用电脑做海报,用什么软件好
DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对_TML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。AdobeDreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码...

喺尼奥世界入面点先可以赚好多NP???
别选角色直接按开始玩(会出现错误讯息),在下一个画面里将页面转换成不同的语言,回上一页,在按一下重新整哩,就可以开始玩下去,且一定会获胜拿到物品。 尼奥点数 商店奉献:进入立即获得50NP或100NP。 巨型煎蛋卷 巨型果冻 免费喂食每只宠物 7-11饭团 浓汤施舍站(限总财产在3000NP以下的玩家) 可口可乐(每只...

百度有啊开发语言
gameloft游戏开发语言 我记得IOS平台上的软件貌似都是C语言的。PHP 开发语言 怎么说 Professional Hypertext Preprocessor 什么叫开发语言? asp. xml tml 都是网页制作常用语言 aess 数据库 flash 动画 这些和在一起 就可以制作网页了···哪种开发语言用途广? 现在java用得比较广,应为学...

我把NOTE3 N900 语言设成英文后,在language and input-language就找...
中文应该是S开头的那个 s什么 chinese。如果确实不行的话,建议下一个三星KIES,然后重新连上官网刷一个官方的rom

移动APP和HTML5的区别是什么
想了解他们之间的区别,先看一下各自的简单定义吧。app:主要是指application(应用程序)HTML是hypertext markup language(超文本标记语言)主要区别有 1.应用环境:手机原生app面前比较流行环境是Android和IOS两个版本。HTML5主要是在浏览器中进行运行和渲染,其实浏览器是App的一种。2.相关编程语言:移动...

. 单选题(1分) HTML 指的是___。
您好,很高兴为您解答。超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(...

动态海报是用什么软件做的?做海报用什么软件
利用对_TML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。 AdobeDreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理网站。ps海报如何连贯在新媒体时代,海报已经是平面设计师必备技能。C4D...

严蔚敏 数据结构题集(C语言版) 实习题答案
http:\/\/wenku.baidu.com\/link?url=2tmLhdFnTUuOlAxNt9hjTIU5OgWOSfVBYfE6MJ1xUbk8Ony_aeHNG7L4wxN0dSlLirie1uZrvNB8vSs6DBpLL5tNRRl71fe1tv0YEhHak6_

...只要告诉我是什么语言就行.不用下载地址的!
只要告诉我是什么语言就行.不用下载地址的!谢谢啊!!... 希望每首歌后面标明是韩文还是日文啊!!!我要知道东方神起所有歌是韩文还是日文,我有的歌分不...163.俊秀-My Page http:\/\/www.mediafire.com\/?bzzb1tmljzk164.俊秀-Propos http:\/\/www.mediafire.com\/?3jxzthqjytt165.俊秀-死心 http:\/\/www....

尼奥宠物!!!
直至宠物玩腻为止 秘技:不要选择人物,直接按[开始玩],然后换成另一种语言(语言不拘,只要跟本来使用的语言不同就可以了),按回上一页,再按下重新整理(也可按[F5]键),就可以狂按[下一步]了,这个方法可以让你保证赢得奖品(玩头一次赢了,可以拿到笨笨球头像) neopets\/prehistoric\/omelette.p(每天可拿煎蛋卷一...

新化县15390195808: HTML里的父标签是什么
移昭美加: 举个例子: &lt;div&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; 相对p来说div就是他的父标签

新化县15390195808: HTML语言中都有哪些标签 -
移昭美加: 基本标志: 1.<html></html> 2.<head></head> 3.<body></body> 4.<title></title> 格式标志: 1.<p></p> 2.<br> 3.<blockquote></blockquote> 4.<dl></dl><dt></dt><dd></dd> 5.<ol></ol><ul></ul><li></li> 6.<div></div> 文本标志: 1.<pre></pre> 2.<h1...

新化县15390195808: 请问下</div></div><br>是什么意思?
移昭美加: 这些是网页编辑语言html最基础的css样式代码,用来控制网页里元素的样式的,比如大小颜色变化等等. 层元素 &lt;div&gt; &lt;/div&gt; 一前一后两者是一个开始和一个结尾,中间的内容就会被这个层元素控制 换行 &lt;br&gt; 相当于一个回车的作用

新化县15390195808: html中的div作用
移昭美加: 作用有2 1) 表示将网页元素分成块如下 &lt;div&gt; AAAA BBB &lt;/div&gt; &lt;div&gt; NNN &lt;/div&gt; 结果为 AAAABBB NNNN 两块,注意到这两块是垂直排列的() (2) 对已经分块的每一块可以用CSS/DHTML的方法进行控制,以实现 排版,自动隐藏,各种特效等 同样的HTML还提供&lt;span&gt;标签他也用于分块,但采用横向排列 如 &lt;div&gt; Buy &lt;/div&gt; &lt;div&gt; Sell &lt;div&gt; 结果为 Buy Sell

新化县15390195808: html中div标签中lang属性怎么运用还有其它div属性怎么运用?
移昭美加: HTML 的 lang 属性可用于网页或部分网页的语言.这对搜索引擎和浏览器是有帮助的.根据 W3C 推荐标准,您应该通过 &lt;html&gt; 标签中的 lang 属性对每张页面中的主要语言进行声明,比如:&lt;html lang="en"&gt;...&lt;/html&gt;在 XHTML 中,采用如下方式在 &lt;html&gt; 标签中对语言进行声明:&lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;...&lt;/html&gt;en是英语.zh是中文简体

新化县15390195808: 在HTML网页编程中div的属性有哪些 -
移昭美加: <div title="1" style="1" onmouseup="1" onmouseover="1" onmouseout="1" onmousemove="1" onmousedown="1...

新化县15390195808: html语言中,amp;lt;divamp;gt;是干什么的nbsp;啊nbsp;?
移昭美加: amp;lt;DIVamp;gt;称为区隔标记.作用:设定字、画、表格等的摆放位置.当你把文字,图象,或其他的放在nbsp;DIVnbsp;中,它可称作为“DIVnbsp;block”,或“DIVnbsp;element”或“CSS-layer”,或干脆叫“layer”.而中文我们把...

新化县15390195808: html语言中,<div>是干什么的 啊 ? -
移昭美加: 就是一个标签容器. 没有什么实在意义. 在WEB2.0布局中经常用这个容器

新化县15390195808: 在html标签<div>中,通过设置怎样的css可使其具有标签<b> -
移昭美加: <style>#test{font-weight:bold;font-size: 30px;}</style><div id="test" >中文测试abcdegf</div>

新化县15390195808: html语言中的div语句和css是什么关系? -
移昭美加: div#maincontent button的意思就是什么?意思就是:一个(id号)名叫maincontent的div下button(按钮)标签,我要为它设置样式,你写的是给里面的该div下按钮设置12号字体的样式.进一步解释: div#maincontent button 可以直接写成下...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网