html网页制作div代码,html编写 div css教程
html这个div代码哪写错了?为什么和老师写的一样,网页却出不来呢?
div id="div2我是标题/div
div id="div3我是导航栏/div
div id="div4我是iframe内联框架/div
div id="div5我是尾部/div
这几句后面,id属性后面全部漏了后面的 " (英语状态的引号!不要写成中文的了)
还有就是,meta charset="utf-8"把这句删了就可以了,你根本用的不是utf-8的!!!你加了,浏览器就认为是utf-8了,不写的话,浏览器会去猜出你的编码,而不会用你写的,你写utf-8,浏览器就不会去检查了,所以出现了乱码,至于你用的什么编码,我也没看出来。反正不是utf-8,去掉,就能正常显示了。

html 怎么把网页分块,div
1、启动dreamweaver cs5,在弹出的对话框窗口中选择html,进入主界面编辑区域。
2、接着对网页的整个布局在草纸上绘制下来,做到心中有数,主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。
3、接着点击设计进入设计状态,在代码区域书写整体框架的css,即
#ztkj{width:80%;
boder:1px solid #000000;
height:800px;}
在body里添加div id="ztkj"/div即可在下面看到整体框架。
4、接着在书写导航条代码,即
#dht{padding:10px;
boder:1px solid#000000;
background-color:#a2a2ff;}
在第一个div中输入div id="dht"/div,查看效果变化。
5、书写主体内容的代码,即
#ztnr{
float:left;width:60%;
height:600px;boder:1px solid #000000;
text-align:center;
margin-light:10px;
margin-left:10px;}
在整体框架中输入div id="ztnr"主体内容/div,查看效果
6、书写菜单导航代码
#cddh{
float:right;
margin-right:10px;
width:35%;boder:1px #a2a2ff;
height:600px;}
接着在整体框架中输入代码div id="cddh"菜单导航/div
7、书写脚注的代码
#jz{
padding:10px;
boder:3px #a2a2ff;
text-algin:center;
clear:both;
margin-top:20px;}
在整体框架中输入代码div id="jz"脚注/div查看效果。
8、这样大体框架就制作出来了,按f12进行查看效果,效果不好需要进一步修改代码。把边框设置出来,把所有的boder进行修改为border:solid 5px #fcc;
9、由于整个框架不在中间位置,需要修改让其居中对齐,所以要在ztkj中添加一条语句margin:auto;
10、这样整个框架就出来,在实际的使用过程中要根据自己的需要进一步调整,执行文件-另存为命令,将网页保存就完成了。
html中div排版代码
您好,您可以试试:
1、div style="float:left"/div
div style="float:left"/div
div style="float:left"/div
如果不成,再试试:
2、ul style="list-type:none;"
lidiv/divli
lidiv/divli
lidiv/divli
/ul
怎么用html制作简单得网页代码?
用html制作简单的网页的步骤:
1、整体形象设计:企业确定要搭建网站,那么首先就需要确定企业的整体形象,这个形象包括企业的logo设计,整个站点的色彩搭配,网页流程设计,版面设计,甚至包括哪些地方本使用动态效果,哪些地方搭配文字信息,又或者需要布局哪些模块等等,这个都需要纳入到整体形象设计当中。
2、页面风格设计:网站整体设计完成之后,需要落实到每个小的页面,每个页面风格设计可以不同,但大的方向却需要一致,这样才能保证整个站点是整洁有序的,千万不能是一个页面一个页面设计,这样让用户感觉到非常突兀,甚至会不适应。
3、代码设计:代码设计其实也就是功能设计,一个网站不可能只是展示,还需要有一些其他功能,最少有联系版块的功能,留言功能等等,如果是电子商务网站还需要一些支付功能等等。此外,代码设计也涵盖了整个网站的框架布局,这个需要站长结合SEO优化元素去设计。
网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
【网页制作】DIV层的淡入和淡出HTML代码
把下面代码复制到你的dw中,然后根据提示自行添加引用的js库,输出html文件即可。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
style type="text/css"
body{ background:#D7FFF7;}
div{ background:#0080FF; width:500px; height:200px; padding:20px; color:#fff; display:none;}
/style
script type="text/javascript" src="js/jquery-1.3.1.js"/script
script type="text/javascript"
$(document).ready(function(){
$("div").animate({marginTop:100, opacity:'show'},{ duration: 5000 }).fadeOut(5000);
});
/script
/head
body
div
h3淡入淡出/h3
p利用jquery进行控制,实现div层的淡入淡出。/p
p这里js控制的三个数值,第一个为从上往下移动的距离,第二个为淡入时间,第三个为淡出时间,这三个时间可以根据自己需要自行调整。/p
psrc="js/jquery-1.3.1.js"这个为调用的jquery库,可以在网上下载到,最新版本为jquery-1.4.2.js,路径根据自己实际情况进行调整/p
/div
/body
/html