网页html代码
关于HTML做悬浮窗口
<style>#nav { width:150px; height: 400px; border: 1px solid #D4CD49; position:fixed;left:0;top:30% }</style><div id="nav"></div>你看这样行不行
div+css ，左边导航，右边显示内容，点击那个导航显示那个内容
<html xmlns=""> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <meta http-equiv="Content-Language" content="zh-CN" /> <meta name="roots" content="" /> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <title></title> <style type="text/css"> body{font:"宋体";font-size:12px;} a:link,a:visited{font-size:12px;color:#666;text-decoration:none;} a:hover{color:#ff0000;text-decoration:underline;} #Tab{margin:0 auto;width:220px;border:1px solid #BCE2F3;} .Menubox{height:28px;border-bottom:1px solid #64B8E4;background:#E4F2FB;} .Menubox ul{list-style:none;margin:7px 40px;padding:0;position:absolute;} .Menubox ul li{float:left;background:#64B8E4;line-height:20px;display:block;cursor:pointer;width:65px;text-align:center;color:#fff;font-weight:bold;border-top:1px solid #64B8E4;border-left:1px solid #64B8E4;border-right:1px solid #64B8E4;} .Menubox ul li.hover{background:#fff;border-bottom:1px solid #fff;color:#147AB8;} .Contentbox{clear:both;margin-top:0px;border-top:none;height:181px;padding-top:8px;height:100%;} .Contentbox ul{list-style:none;margin:7px;padding:0;} .Contentbox ul li{line-height:24px;border-bottom:1px dotted #ccc;} </style> <script> <!-- function setTab(name,cursel,n){ for(i=1;i<=n;i++){ var menu=document.getElementById(name+i); var con=document.getElementById("con_"+name+"_"+i); menu.className=i==cursel?"hover":""; con.style.display=i==cursel?"block":"none"; } } //--> </script> </head> <body> <div id="Tab"> <div class="Menubox"> <ul> <li id="menu1" onmouseover="setTab('menu',1,2)" class="hover">高职高专</li> <li id="menu2" onmouseover="setTab('menu',2,2)" >民办学校</li> </ul> </div> <div class="Contentbox"> <div id="con_menu_1" class="hover"> <ul> <li>·<a href="#">北京工业职业技术学院</a></li> <li>·<a href="#">北京财贸职业学院</a></li> <li>·<a href="#">天津职业大学</a></li> <li>·<a href="#">大连职业技术学院</a></li> <li>·<a href="#">辽宁交通高等专科学校</a></li> <li>·<a href="#">浙江金融职业学院</a></li> <li>·<a href="#">山东商业职业技术学院</a></li> <li>·<a href="#">宁波职业技术学院</a></li> <li>·<a href="#">武汉职业技术学院</a></li> </ul> </div> <div id="con_menu_2" style="display:none"> <ul> <li>·<a href="#">江西蓝天学院</a></li> <li>·<a href="#">西安外事学院</a></li> <li>·<a href="#">湖南涉外经济学院</a></li> <li>·<a href="#">西安翻译学院</a></li> <li>·<a href="#">三江学院</a></li> <li>·<a href="#">北京城市学院</a></li> <li>·<a href="#">黄河科技学院</a></li> <li>·<a href="#">吉林华桥外国语学院</a></li> <li>·<a href="#">浙江树人学院</a></li> </ul> </div> </div> </div> </body> </html>
我要的就是我给出的那个代码
你拿我给你的修改一下就好了，你写的那个太乱了
不是啊，你给的是竖排的，我要横排的，是那种点击以后再切换内容的，麻烦你改一下
我已经改好了，但是代码字数超出范围上传不了，你给Q Q 邮 箱 我，我发你
97302936艾特qq.com,谢谢大神
怎样将xml格式的网页转化为html格式的？
两种方法可以将XML转为Html：第一种是用Javascript输出Html；第二种是利用XSLT语言，将XML内容转换成Html显示出来。XSL语言 XSL语言的全称是EXtensible Stylesheet Language，中文是指扩展样式表语言。它是为了XML语言而存在的。 如果说CSS是Html语言的样式表，用来定义Html，控制Html显示。那么XSL就是为了描述XML文档而存在的，是XML语言的样式表，它的功能相似于CSS对于Html的作用。 XSLT语言 XSLT 指 XSL 转换（XSL Transformations）。 上面说到XSL语言是为了XML存在的，但XSL不仅仅是样式表。它包括三部分：XSLT、XPath、XSL-FO。 XSLT：一种用于转换 XML 文档的语言。 XPath：一种用于在 XML 文档中导航的语言。 XSL-FO一种用于格式化 XML 文档的语言。
html 做课程表
代码如下：<html><head><title>表格应用</title></head><body><table frame=box border=1 align=center cellpadding=0 cellspacing=0 bordercolor=black><caption>吴**个人课表</caption><tr> <td colspan=2 align="center">时间</td><td align="center">星期一</td><td align="center">星期二</td><td align="center">星期三</td><td align="center">星期四</td><td align="center">星期五</td><td align="center">星期六</td><td align="center">星期日</td></tr><tr><td colspan=2 align=center>早晨</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td></tr><tr><td rowspan=4 align=center>上午</td><td >第<br>1<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第1,2节{第1-16周}<br>熊俊涛(熊俊涛)<br>3502</td><td rowspan=2 align=center>线性代数<br>周二第1,2节{第1-8周}<br>赵立新<br>3202</td><td rowspan=2 align=center>Internet与Intranet技术<br>周三第1,2节{第1-12周}<br>张建桃<br>3401</td><td rowspan=2 align=center>管理统计学<br>周四第1,2节{第1-16周}<br>张建桃(张建桃)<br>3301</td><td ></td><td ></td><td></td></tr><tr><td>第<br>2<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>3<br>节</td><td rowspan=2 align=center>WEB应用开发技术<br>周一第3,4节{第9-16周}<br>熊俊涛(熊俊涛)</td><td rowspan=2 align=center>职业素养提升与就业指导<br>周二第3,4节{第2-15周}<br>刘月秀<br>3312</td><td rowspan=2 align=center>太极拳与乒乓球<br>周三第3,4节{第1-16周}<br>王常青<br>公寓8栋乒</td><td rowspan=2 align=center>线性代数</td><td ></td><td ></td><td></td></tr><tr><td >第<br>4<br>节</td><td ></td><td ></td><td></td></tr><tr><td rowspan=6 align=center>下午</td><td >第<br>5<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td >第<br>6<br>节</td><td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr><td >第<br>7<br>节</td><td rowspan=2 align=center>马克思主义基本原理<br>周一第7,8节{第1-18周}<br>陈雷<br>3402</td><td rowspan=2 align=center>企业网组网实验<br>周二第7,8节{第1-16周}<br>韩方珍/张建桃</td><td rowspan=2 align=center>企业管理<br>周三第7,8节{第3-18周}<br>刘伟章<br>3405</td><td rowspan=2 align=center>大学英语<br>周四第7,8节{第1-15周}<br>陈琳慧<br>DS523</td><td ></td><td ></td><td></td></tr><tr><td >第<br>8<br>节</td><td ></td><td ></td><td></td></tr><tr><td >第<br>9<br>节</td><td></td><td rowspan=2 align=center>管理统计学<br>周二第9,10节{第6-9周}<br>张建桃(张建桃)</td><td></td><td></td><td rowspan=2 align=center>大学英语<br>周五第9,10节{第1-15周}<br>陈琳慧<br>3601</td><td></td><td></td></tr><tr><td >第<br>10<br>节</td><td></td><td></td><td></td><td></td><td></td></tr><tr><td rowspan=3 align=center>晚上</td><td >第<br>11<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>12<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr><tr><td >第<br>13<br>节</td><td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr></tr> 运行结果：
html 网页制作 如何设置网页背景色
<html><head></head><body><div style="background-color:red;height:100px"></div><div style="background-color:blue;height:200px"></div></body></html>颜色自己调，可以用取色器查看颜色，例如background-color:#789999; 如果需要加边框可以用border属性谢谢你，如果是这样的划分该怎么弄？
<html><head></head><body><div><div style="float:left;height:100px;width:50%;background-color:green;"></div><div style="float:left;height:100px;width:50%;background-color:red;"></div></div><div style="background-color:blue;height:200px;clear:both;"></div></div></div></body></html>建议你先了解一下div/CSS布局，同一种布局有不同的实现方式。
html网页设计：一个简单的登录界面代码！
<!doctype html><html><head><meta charset="utf-8"><link href="main.css" type="text/css" rel="stylesheet"><title>登陆界面</title></head><body> <div class="login_ico"> <img src="images/login_ico.png"> </div> <div class="login_putin"> <ul> <li><input type="text" ></li> <li><input type="password" ></li> </ul> </div> <div class="login_btn"> <input type="submit" value="登陆"> </div></body></html>样式 ：*{ margin:0; padding:0;}li{ list-style-type:none; margin:0; padding:0;}a{ text-decoration:none; color:#000;}/*---------------------按钮-----------------------------*/.login_putin ul li input{ margin: 0; width:70%; padding: 1em 2em 1em 5.4em; -webkit-border-radius:.3em; -moz-border-radius: .3em; border: 1px solid #999;}.login_btn{ width:300px; margin:40px auto 0 auto;}.login_btn input{ width:100%; margin:0; padding:.5em 0; -webkit-border-radius:.3em; -moz-border-radius: .3em; border:#1263be solid 1px; background:#1b85fd; color:#FFF; font-size:17px; font-weight:bolder; letter-spacing:1em;}.login_btn input:hover{ background:#1263be; }
