-
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 52css&w3cbbs学习班第九课作业 </title>
<meta name="description" content="学习班第九课作业" />
<meta name="keywords" content="w3cbbs" />
<meta content="all" name="robots" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content="webjin所有" />
<link rel="stylesheet" href="#" type="text/css" />
<link rel="shortcut icon" href="#" type="image/x-icon" />
<script type="text/javascript" language="javascript" src="http://www.52css.com/attachments/month_0801/660/flash.js"></script>
<style type="text/css">
#fl{margin:0 auto;width:500px;border:5px solid #03c;}
</style>
</head><body>
<div id="fl">
<script type="text/javascript" language="javascript">swf('http://www.52css.com/attachments/month_0711/623/hehe.swf','500','220');</script>
</div>
</body>
</html> -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 52css.com&w3cbbs.com css学习第八课作业 </title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta content="all" name="robots" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content="" />
</head>
<!-- 分别加入thead ,tfoot,tbdoy标签效果达不到作业图的效果 -->
<body>
<table>
<caption>52css.com w3cbbs.com规划表</caption>
<tr>
<th>栏目</th>
<th>内容</th>
<th>用户</th>
<th>规划</th>
<th>统计</th>
</tr>
<tr>
<td>52css.com</td>
<td>50</td>
<td>10000</td>
<td>40</td>
<td>120</td>
</tr>
<tr>
<td rowspan="2">w3cbbs.com</td>
<td>2332</td>
<td>15000</td>
<td>280</td>
<td>180</td>
</tr>
<tr>
<td>211</td>
<td>30000</td>
<td colspan="2">380</td>
</tr>
</table>
</body>
</html> -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 52CSS.com & W3Cbbs.com 零九年金秋DivCSS学习班 第七课 作业</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta content="all" name="robots" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content="w3cbbs所有" />
<style type="text/css">
*{margin:0;padding:0;}
form{width:190px;margin:10px auto 0px;border:1px solid #cdcdcd;}
form input{display:block;margin:8px auto;margin-right:22px;}
.ht{display:block;width:189px;height:46px;margin-bottom:8px;background:url("http://files.w3cbbs.com/css_peixun_2009/aa/52css_007a.jpg") no-repeat;text-indent:-9999px;}
p{padding-left:18px;color:#666;font-size:12px;}
p a{color:#FC3;text-decoration:none;}
p input{width:122px;height:19px;border:1px solid #a0a0a0;}
input#name{background:url("http://files.w3cbbs.com/css_peixun_2009/aa/52css_007a.jpg") no-repeat 0 -50px;}
input#password{background:url("http://files.w3cbbs.com/css_peixun_2009/aa/52css_007a.jpg") no-repeat 0 -70px;}
</style>
</head>
<!--这样编码才能通过w3c的html文档验证，老师在教程里面说那个图片最好做成标题而且带有链接，如果是a标记包含h4标题标记就不能通过默认的行业元素不能包含块元素，想看效果去掉body里面的h4注释-->
<body>
<form method="post" action="#">
<a class="ht" href="#"><!-- <h4> -->w3cbbs<!-- </h4> --></a>
<p><label for="name">用户名 Username</label><br /><input type="text" id="name" /></p>
<p><label for="password">密码 password</label><br /><input type="password" id="password" /></p>
<p><a href="#">ForGet Password ?</a></p>
<input type="image" src="http://files.w3cbbs.com/css_peixun_2009/aa/52css_007b.jpg" />
</form>
</body>
</html> -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> webjin & W3Cbbs.com 零九年金秋DivCSS学习班 第六课 作业 </title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta content="all" name="robots" />
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="copyright" content="" />
<style type="text/css" >
*{margin:0;padding:0;}
a{color:blue;text-decoration:none;}
div{width:338px;height:60px;margin:10px 20px;padding:10px;}
h2{font-size:16px;}
img{margin:10px 0;}
p{color:#6b6b6b;font-size:12px;}
</style>
</head>
<body>
<div>
<h2><a href="#">DivCSS网页布局 W3C标准 - W3Cbbs.com</a></h2>
<img src="http://files.w3cbbs.com/css_peixun_2009/aa/52css_006w3cbbs.jpg" alt="上线啦" />
<p>由于52CSS.com已不能适应发展的需要，缺失了互动的功能。目前开通“我爱CSS论坛”启用新的域名www.w3cbbs.com。欢迎大家多提建议！寻找需要完善的地方。谢谢！ <a href="#">进入>>></a></p>
</div>
</body>
</html> -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> webjin&W3Cbbs.com DivCSS学习班 第五课作业 </title>
<meta content="all" name="robots" />
<meta name="description" content="W3Cbbs.com DivCSS学习班 第五课作业" />
<meta name="keywords" content="DivCSS学习班 第五课作业" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content="w3cbbs所有" />
<link rel="shortcut icon" href="#" type="image/x-icon" />
<style type="text/css" media="all">
<!--
*{margin:0;padding:0;}
body{width:888px;margin:0 auto;background:#fff;color:black;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;}
.box1{display:block;width:245px;height:35px;margin-bottom:8px;padding-left:15px;border:1px solid #9c0;background:#effebc;font-size:1.3em;line-height:35px;font-size:15px;}
h3{width:96px;padding:10px 9px;border:1px solid #9c0;border-bottom-width:0;background:#fff;font-size:12px;}
p{width:240px;height:110px;border:1px solid #9c0;background:#f8faf3;padding:10px;line-height:18px;}
/*ul{width:234px;heigth:100px;border:1px solid #9c0;background:#f8faf3;padding:8px 6px 8px 20px;}
li{padding-bottom:4px;}*/
-->
</style>
</head>
<!--html、css已经通过w3c验证通过，可以更换去掉ul的注释代码看效果加上注释p的相应代码-->
<body>
<strong class="box1">我爱CSS - www.52css.com</strong>
<h3>Div+CSS教程</h3>
<!--老师今天讲了p、br标签我就用这个2个标签做了，但是我觉得这个应该用列表项目做好。-->
<p>
·CSS网页布局所需要了解的CSS基础知识<br />
·变幻之美 DivCSS网页布局揭秘 案例实战篇<br />
·CSS网页布局时常犯的几种小错误<br />
·CSS网页布局的兼容性问题 解决方法汇总<br />
<strong>·DivCSS学习班 Divcss视频教程</strong><br />
·CSS网页布局应该避免滥用div元素<br />
</p>
<!--
<ul>
<li>CSS网页布局所需要了解的CSS基础知识</li>
<li>变幻之美 DivCSS网页布局揭秘 案例实战篇</li>
<li>CSS网页布局时常犯的几种小错误</li>
<li>CSS网页布局的兼容性问题 解决方法汇总</li>
<li><strong>DivCSS学习班 Divcss视频教程</strong></li>
<li>CSS网页布局应该避免滥用div元素</li>
</ul>
-->
</body>
</html> -
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>webjin的w3cbbs&DivCSS学习班第四课作业 </title>
<meta content="all" name="robots" />
<meta name="description" content="DivCSS学习班第四课作业" />
<meta name="keywords" content="第四课作业" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content="w3cbbs.com所有" />
<link rel="shortcut icon" href="#" type="image/x-icon" />
<style type="text/css" media="all">
<!--
*{margin:0;padding:0;}
body{background:#fff;color:black;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px;}
a{text-decoration:none;color:black;}
ul{list-style:none;}
#nav{width:770px;height:44px;margin:20px auto;padding:8px;border:0;background:#ddd;}
#nav li{float:left;margin:15px 0;font-size:14px;}
#nav li a{display:block;border-left:1px solid black;padding:0 8px;}
/*我没另外把这2个a标签弄个单独的id或者class来控制*/
a[title=to1]{margin-left:42px;}
a[title=theonly]{border:1px solid black;border-width:0 1px;}
-->
</style>
</head>
<!--html、css代码已经通过w3c验证-->
<body>
<!--content start-->
<ul id="nav">
<li><a href="#" title="to1">52css.com首页</a></li>
<li><a href="#" title="**">div+css教程</a></li>
<li><a href="#" title="**">css布局实力</a></li>
<li><a href="#" title="**">css酷站欣赏</a></li>
<li><a href="#" title="**">css模板下载</a></li>
<li><a href="#" title="**">xhtml教程</a></li>
<li><a href="#" title="theonly">w3cbbs.com论坛</a></li>
</ul>
<!--content end-->
</body>
</html> -
<!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">
<head>
<!--文档的HTML跟css都通过W3C验证-->
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> 52CSS.Com & W3Cbbs.com 零九年金秋DivCSS学习班 第三课 </title>
<meta content="all" name="robots" />
<meta name="description" content="零九年金秋DivCSS学习班 第三课" />
<meta name="keywords" content="52css作业" />
<meta name="generator" content="editplus" />
<meta name="author" content="webjin" />
<meta name="copyright" content=" W3C论坛" />
<link rel="shortcut icon" href="#" type="image/x-icon" />
<style type="text/css" media="all">
<!--
*{margin:0;padding:0;}
body{ background:#FFF none repeat scroll 0 0;color:#CCC;font-family:Georgia,"Times New Roman",Times,serif;font-size:11px;width:960px;margin:50px auto;}
h4{font-size:12px;background:#307dbc;padding:10px 0;/*还是padding:10px 10px;去掉h4 a里面的padding-left:10px好呢还是就这样的好呢*/}
h4 a{color:#fff;padding-left:10px;}
h4 span{margin-left:620px;color:#FFF;}
#block1{height:60px;float:left;margin-left:60px;position:relative;}
#block2{height:60px;float:right;margin-right:20px;position:relative;}
#block1 dt,#block2 dt{position:absolute;top:8px;left:-50px;}
-->
</style>
</head>
<!--上里面的数字我都是大概估算下图片我就没去弄了-->
<body>
<h4><a href="#" title="零九年金秋DivCSS网页布局学习班">零九年金秋DivCSS网页布局学习班（正在进行中）</a><span>^</span></h4>
<!--lett start-->
<dl id="block1">
<dt><img src="#" alt="**" /></dt><!--如果这里面改成dt的背景弄那张图片然后这里填写文字缩进-999也好-->
<dd><a href="#" title="**">CSS学习班授课区</a>(今日: 222)</dd>
<dd>最后发表:<a href="#" title="**">2009-10-21 19:15</a>by<a href="#" title="**">xiaolong</a>主题: 7, 帖数: 671</dd>
<dd>版主:<a href="#" title="**">MrJin</a>,<a href="#" title="**">HelloWorld</a> ,<a href="#" title="**">zerock</a>, <a href="#" title="**">steven_qiang</a>,<a href="#" title="**">w3cdivcss</a></dd>
</dl>
<!--rigth start-->
<dl id="block2">
<dt><img src="#" alt="**" /></dt>
<dd><a href="#" title="**">CSS学习班作业区</a>(今日: 120)</dd>
<dd>最后发表: <a href="#" title="**">2009-10-21 19:25</a>by<a href="#" title="**">anlantan</a>主题: 284, 帖数: 681 </dd>
<dd>版主:<a href="#" title="**"> MrJin</a>,<a href="#" title="**">HelloWorld</a></dd>
</dl>
<!--all end-->
</body>
</html> -
51box.net 我要(51)盒子(box)网络(.net)
好域名只留给有战略眼光的同志。
看中的报价给我，合适我们就交易了。我的邮箱webjin#vip.qq.com把#转换成@
