网页代码制作

网页设计中怎样设置所有内容居中

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>居中div演示效果</title><style type="text/css">.align-center{ margin:0 auto; /* 居中 这个是必须的,,其它的属性非必须 */ width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */ background:red; /* 背景色 */ text-align:center; /* 文字等内容居中 */}</style></head><body><div class="align-center">居中div演示效果<br/><br/>代码请访问 <a href="http://www.poluoluo.com/" target="_blank">破洛洛</a></div></body></html>

网页制作中的弹出窗口代码

一组常用的弹出窗口用法 以下代码集合常用的弹出窗口用法。 1、最基本的弹出窗口代码<SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html') --> </SCRIPT>代码放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。 <!-- 和 -->是对一些版本低的浏览器起作用。 window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。 2、经过设置后的弹出窗口 定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 <SCRIPT LANGUAGE="javascript"> <!-- window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') //写成一行 --> </SCRIPT>参数解释: <SCRIPT LANGUAGE="javascript"> js脚本开始; window.open 弹出新窗口的命令; 'page.html' 弹出窗口的文件名; 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替; height=100 窗口高度; width=400 窗口宽度; top=0 窗口距离屏幕上方的象素值; left=0 窗口距离屏幕左侧的象素值; toolbar=no 是否显示工具栏,yes为显示; menubar,scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小,yes为允许; location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许; </SCRIPT> js脚本结束 3、用函数控制弹出窗口 完整的代码示范 <html> <head> <script LANGUAGE="javascript"> <!-- function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行 } //--> </script> </head> <body onload="openwin()"> ...任意的页面内容... </body> </html> 这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。 怎么调用呢? 方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口; 方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口; 方法三:用一个连接调用: <a href="#" onclick="openwin()">打开一个窗口</a> 注意:使用的“#”是虚连接。 方法四:用一个按钮调用: <input type="button" onclick="openwin()" value="打开窗口">

我想做一个网页供下载用,可是下载代码怎么写?

一般做成正常的链接就可以,不用写代码,供下载的数据一般只要用正常浏览器打不开的就可以了,一般做成Rar的或其它格式

dreamweaver 如何制作用于天猫装修店铺的全屏代码?

这是全屏代码:<div style="height:750px;"><!--这里的高度改成你的图片高度--> <div class="sn-simple-logo" style="left:50%;top:auto;border:none;padding:0;"> <div class="sn-simple-logo" style="left:-960px;top:auto;border:none;padding:0;"> <img src="这里是你的图片地址" /> </div> </div></div>这里面已经设置好了,你只要把你的图片插入即可,把上面的高度改成你图片的高度就行了,居中已经设置好了。

怎么制作HTML网页,并通过邮箱发送

制作HTML网页可以用dreamweaver软件开发工具,对于新手来说是在适合不过,因为有很多标签和属性给与提示。只要你学会了html、DIV+CSS这两大块,完成一个静态的网站可以说搓搓有余了。如果你还想要将网站做的更加的华丽,你要需学习JS等知识。 通过邮箱发送HTML网页的方法:1、打开网页,邮件点击网页选择打开查看源代码。2、打开源代码页面后,看到html代码,将<body>部分全部复制。3、打开邮箱(这里使用的是QQ邮箱),点击在写信页面中的文字格式--HTML。4、然后将刚才复制的代码复制上去,但是由于网页上的图片和链接是调用的,当复制到邮件中后,需要将这些链接和图片都改成完全的地址和绝对地址。5、如图,可以将这张图和上一步骤的图进行比较。6、所有的链接都修改好后,可以先看看效果,点击左上角的返回可视化编辑。7、返回可视化界面后,会看到页面效果,但是由于网页编码的兼容性问题,网页的排版会和在浏览器中的有些差异,可以自己再调整下。8、调整好后就可以发送了。

如何制作输入用户名及密码才可以登陆的网页

使用JavaScript实现。<SCRIPT LANGUAGE="JavaScript"> function Login(form) { var username = lue; var password = lue; var server = lue; if (username && password && server) { var htsite = "http://" + username + ":" + password + "@" + server; window.location = htsite; } else { alert("请输入用户和密码."); } } </script> 把以上内容加到head部分;然后下面的内容放在body里就好了:<form name=login> <input type="hidden" name="server" value=" "> 用户名: <input type=text name=username size=20> 密 码: <input type=password name=password size=20> <input type=button value="登录" onClick="Login( rm)" name="button"> </form>

用DW网页制作!留言板怎么做!整个网页只要有留言的就行,求源代码!

<div id="apDiv2"> <table width="539" border="0"> <form id="form1" name="form1" method="post" action=""> <tr> <td width="8"> </td> <td width="111"> </td> <td width="367"> </td> </tr> <tr> <td> </td> <td height="30"><div align="right" class="STYLE4">你的名字 :</div></td> <td><label> <input name="textfield" type="text" class="logininput" id="textfield" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4">你的QQ  :</span></div></td> <td height="30"><label> <input name="textfield2" type="text" class="logininput" id="textfield2" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>你的邮箱 :</span></div></td> <td height="30"><label> <input name="textfield3" type="text" class="logininput" id="textfield3" /> </label></td> </tr> <tr> <td height="120"> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>给我留言 :</span></div></td> <td><label> <textarea name="wenben02" cols="40" rows="6" id="wenben02"></textarea> </label></td> </tr> <tr> <td> </td> <td> </td> <td height="50"> <label> <input name="button" type="submit" class="anniu" id="button" value="确 定" /> </label>     <label> <input name="button2" type="reset" class="anniu" id="button2" value="重 置" /> </label> </form> </td> </tr> </table></div>

用表格和表单制作如下网页。完整html代码

你好,我按照你的要求写的如下代码,可以直接运行<center><table><caption style="text-decoration:underline;font-weight:bold;">请留下个人资料</caption><tr><td>姓名:</td><td><input type="text"></td></tr><tr><td>电话:</td><td><input type="text"></td></tr><tr><td>E-mail:</td><td><input type="text"></td></tr><tr><td>性别:</td><td><input type="radio" checked>男 <input type="radio">女</td></tr><tr><td>年龄:</td><td><select><option>20以下</option></select></td></tr><tr><td>留言版:</td><td><textarea></textarea></td></tr><tr><td>您的爱好:</td><td><input type="checkbox">运动 <input type="checkbox">阅读<br><input type="checkbox">听音乐 <input type="checkbox">旅游</td></tr></table><input type="submit" value="提交"> <input type="reset" value="全部重写"></center>

简单网页代码设计

<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr></table></body></html>

如何用只用html 制作图片轮播效果?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS实现图片切换特效_网页代码站()</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋体",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl$amp;>amp;$lt;dt$amp;>amp;$lt;a #a" title="">1</a> <a #b" title="">2</a> <a #c" title="">3</a> </dt> <dd$amp;>amp;$lt;img src="" alt="" id="a" /> <img src="" alt="" id="b" /> <img src="" alt="" id="c" /> </dd> </dl></body></html>

建站需求填写

采购需求填写

采购需求

采购产品:
联系人:
* 联系电话:
公司名称:
补充说明:
* 验证码:
提交