1、HTML網頁設計
2、HTML頁面設計
<style type="text/css">
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td a {
margin: 0;
padding: 0;
}
body{font-size:12px;}
.box{width:500px;border-top:1px dashed #CCCCCC;overflow:hidden;padding:10px 6px;}
.top{border-top:none;}
.box .hd{}
.box .hd .title{color:#333333;font-weight:bold;padding-left:6px;}
.box .hd .count{padding-left:2px;color:#666666;}
.box .cat{padding-top:4px;}
.box .cat li{float:left;padding:2px 6px;}
.box .cat li a{font-family:Arial;}
</style>
</head>
<body>
<div class="box top">
<div class="hd">
<span class="title">移動開發</span>
<span class="count">(12345)</span>
</div>
<ul class="cat">
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
</ul>
</div>
<div class="box">
<div class="hd">
<span class="title">移動開發</span>
<span class="count">(12345)</span>
</div>
<ul class="cat">
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Android</a></li>
</ul>
</div>
</body>
3、用html設計一個頁面
在頁面內</title>後面 或者其他後面加入一下代碼把sp換一下
<script type="text/javascript">4、html網頁設計（新手）
&
5、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>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>