DIV是啥?在DW中我只会用表格……

我只会用表格,真的……
而且我目前在学习做宠儿的模板,图片插入了早DW里能看,源码贴到宠儿里图却总是叉烧包。困惑了……
路径啥的……要怎么改?
插入图片我的是有这些步骤,选择图片——然后有个小框(我截图了),然后我就再选一次图片。是这里出问题了?

路径换了吗?图片的路径是不是正确?

DIV和表格一样,都是网页常用的布局方式,早些年的时候,都是用表格来布局,现在基本上都用DIV来布局。

个人理解,就这两者的含义:DIV=分开(divide)、区分(division),table=制表,就可以看出来,DIV适合页面布局,而表格适合用来显示数据。

网站建设,简单的来说,就是“这个人长的怎么样”和“这个人内心怎么样”。一部分是外观所展示出来的“视觉效果”、另一部分是藏在里面的“代码元素”。

我们先来举一个简单的例子,用这3种不同的代码风格,实现同一个页面效果:
1.首先是用table来写,需要8行代码:
<table>
<tr>
<th>网站标题</th>
</tr>
<tr>
<td>网站内容</td>
</tr>
</table>
复制代码

2.然后进步到用DIV,2行就可以了,但是因为存在两个DIV,为了区别,需要给

不同的ID:
<div id=“title“>网站标题</div>
<div id=“content“>网站内容</div>
复制代码

3.用XHTML来写:
<h1>网站标题</h1>
<div>网站内容</div>
复制代码

优缺点:

用更为简洁的XHTML代码风格,不仅仅是为了提升页面开启速度。毕竟现在网络带宽越来越大,打开10K的网页代码和打开5K的网页代码区别并不明显。而采取XHTML建站的缺点也很明显,如果是一个同样规模的网站,用TABLE做,1小时就可以了,用DIV要2小时,用符合语义的XHTML则需要3小时,当然这只是一个预估,根据页面的不同和技术人员的熟练度,时间上面会有一定的出入。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-01-27
div是一种html标签,跟表格一样,它也用于网站布局定位,一般div是跟css连用的,即div+css,但相对于表格来说,它有一些优势:
1.div布局比表格显得更加流畅,2.div对搜索引擎更加友好,3.div对网页的打开速度有优化作用,4.div的样式更加丰富多样等
但表格也是不错的:
1.表格布局简单明了,2.表格对于浏览器的兼容性问题不大,一般不会出现错位等情况
对于喜欢web建站的朋友们建议学习div+css,
对于楼主的下面的问题,在dw中显示放到源码贴中不显示这个肯定是图片的路径有问题?也就是说图片本地没问题,但放到网络有问题了,建议楼主先把图片传到网上,把本地代码的图片地址先换成网络地址,再粘贴代码进去,这样应该就不会出现叉烧包了,本文源自免费模板网,http://www.mianfeimoban.com/dreamwaver_jc/5186.html
第2个回答  2011-01-27
是你写的图片路径错了或者说引用方式错了,用DW编辑的时候的引用方式与发布到网上的引用方式是不一样的!
直接插入图片的话<img src="../images/bg.png" />,在images前面加“../”省略路径,或者背景引用路径url(../images/bg.png)
看看能不能给你解决了
第3个回答  2011-01-27
<body style="text-align:center;margin:0 ;padding:0">
<table width="300" border="0" style="text-align:center;margin:0 ;padding:0">
<tr>
<th scope="col" style="text-align:center;margin:0 ;padding:0">
<div align="left">gffdsfds</div>
</th>
<th scope="col"> </th>
</tr>
</table>
看是不是你要的效果!

dw中div是什么意思?
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。\\x0d\\x0a DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。\\x0d\\x0a1:定义\\x0d\\x0a 可定义文档中的分区或节(division\/section)。\\x0d\\x0a ...

DW中插入的div主要是干什么用的?
您好,首先跟你说一下,你对div的理解:布局用的框 是对的;div可以说是一种层,以前我们做网页,都是用表格布局的,很多人都习惯了,但是用表格布局起来使得我们整个网页的代码看起来很乱,可读性很差,网页速度也很慢,为了解决这个问题,现在布局网页都不在用表格布局了,都采用div+css布局了,...

DW中插入的div主要是干什么用的?
DIV是分段的意思,很多时候,段与段之间的间距要大于行行之间的间距。这是就可以用DIV了。主要还是用来切割段落的。作用:设定字、画、表格等的摆放位置。当你把文字,图象,或其他的放在 DIV 中,它可称作为“DIV block”,或“DIV element”或“CSS-layer”,或干脆叫“layer”。而中文我们把它称...

dw的div标签怎么用
1、首先,打开Dreamweaver,创建一个新的HTML文件或打开现有的HTML文件。将光标放置在插入div标签的位置。2、其次,在Dreamweaver的“插入”菜单中,选择“HTML”选项。在“HTML”子菜单中,选择“div”元素。Dreamweaver将在文档中插入一个div标签。根据需要设置div标签的属性,在Dreamweaver的“属性”面板中...

DW中DIV应该怎们用啊,说详细点啊,谢谢
就是插入,和表格差不多,但是比表格简洁清晰,浏览速度也快。在<div><\/div>之间可以用文本,图片,按钮,FLASH等等等等,表格可以放的这个都能放。还可以定义绝对位置和层与层之间图片叠加的效果。

div为什么不是层div层是什么意思
Div不是层,也不是只用来定义层,但是绝对定位可以用来定义层。2、在Netscape4.0中,可以使用layer标签和ilayer标签来定义层,但这两个标签不是W3CHTML的标准标签,没有得到广泛的使用和支持。代码没有父级什么意思?父级就是上一层,而这层就称为子级。子是可以继承父的属性的,这就是继承性。

dw中怎么插入div标签?
2、在dw的众多菜单栏中找到插入菜单。3、在插入的下拉列表中找到布局对象,在布局对象里找到div标签。4、这样一个新的div就插入好了。5、还有一种方法就是在代码里输入div标签一定要在body里面输入才有效。6、div的代码是 里面是自己编辑的文字,代码页面和设计页面都是同步的。

DW怎么让表格显示在页面中间?
单纯使用表格,使表格显示在页面中间,只需要在表格外部添加一个class或id,然后在CSS中设置`center`样式。具体代码如下:<table class="center_table"> 在CSS中:.center_table {text-align: center;} 若使用div布局,实现页面中间显示表格则更为简单。只需要将div元素设置为整个页面的中心即可。具体代码...

dw表格和DIV
用div好一点 不过有时候用table排版会更方便一些 表格嵌套3层就很多了 div倒是没什么严格要求

DW主要要学些什么内容
学习DIV层样式定义的过程是一个逐步深入的过程。初学者可以从简单的布局开始,逐步尝试复杂的布局和样式效果。在这个过程中,你可能会遇到一些问题,但不要担心,多查阅相关资料,多实践,你会逐渐掌握这些技巧。总之,掌握DIV层样式的定义是学习Dreamweaver的关键。通过不断实践和探索,你将能够设计出更加...

相似回答