HTML第一天的学习就是网页的设计与制作,但是前提的话,要记住很多的HTML标签。因为标签是建立在网页之下,要先打好地基才行。 HTML有字体标签,图片标签,列表标签<超文本链接标签>,表格标签,表单标签,框架标签。 每一个都是环环相扣的。可能字体用的相对较少,但也不能忽视。其实在调试的这个过程是很好玩的,就是太耗费时间了。下面就是我制作的一个课件网页 <body>
<table border="1" width="100%" align="center" background="../网站首页的显示/image/regist_bg.jpg">
<tr>
<td>
<table border="1" width="100%" >
<tr width="100%">
<td><img src="img/logo2.png" ></td>
<td><img src="img/header.jpg"></td>
<td align="center">
<a href="#">注册</a>
<a href="#">登陆</a>
<a href="#">购物车</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="1" width="100%" align="center" bgcolor="black">
<tr height="50">
<td>
<a href="#"><font size="4" color="white" >首页</font></a>
<a href="#"><font size="4"color="white">手机数码</font></a>
<a href="#"><font size="4"color="white">手机数码</font></a>
<a href="#"><font size="4"color="white">手机数码</font></a>
<a href="#"><font size="4"color="white">手机数码</font></a>
</td>
</tr>
</table>
</td>
</tr>
<tr height="500">
<td>
<form action="../网站首页的显示/demo/网站首页.html" method="get">
<table border="5" align="center" width="60%" bgcolor="white" height="">
<!--<font color="#1859A5"><h3>会员注册</h3></font>
<font>USER REGISTER </font>-->
<tr width="60%">
<td>
用户名
</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td>
密码
</td>
<td>
<input type="password" name="password" />
</td>
</tr>
<tr>
<td>
确认密码
</td>
<td>
<input type="password" name="repassword" />
</td>
</tr>
<tr>
<td>
性别
</td>
<td>
<input type="radio" name="sex" value="男"/>男<input type="radio" name="sex" />女
</td>
</tr>
<tr>
<td>
Email
</td>
<td>
<input type="email" name="email" />
</td>
</tr>
<tr>
<td>
上传头像
</td>
<td>
<input type="file" name="file" />
</td>
</tr>
<tr>
<td>
爱好
</td>
<td>
<input type="checkbox" name="hobby" value="篮球" checked=""/>篮球
<input type="checkbox" name="hobby" value="足球"/>主球
<input type="checkbox" name="hobby" value="排球"/>排球
</td>
</tr>
<tr>
<td>
居住地
</td>
<td>
<select name="provident">
<option>--请选择--</option>
<option value="上海" selected="">--上海--</option>
<option value="北京">--北京--</option>
<option value="天津">--天津--</option>
</select>
</td>
</tr>
<tr>
<td>
出生年月
</td>
<td>
<input type="date" name="birthday"/>
</td>
</tr>
<tr>
<td>
个人简介
</td>
<td>
<textarea rows="10" cols="50" name="introduct">我是</textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="注册" /><input type="reset" name="重置" /><input type="button" name="按钮" value="安流"/>
</td>
</tr>
</table>
</form>
</td>
</tr>
<tr >
<td >
<table width="100%" >
<tr>
<td>
<img src="img/footer.jpg"/>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="1" width="100%" >
<tr align="center">
<td>
<a href="#">关于我们</a>
<a href="#">联系我们</a>
<a href="#">招贤纳士</a>
<a href="#">法律声明</a>
<a href="#">友情链接</a>
<a href="#">支付方式</a>
<a href="#">配送方式</a>
<a href="#">服务声明</a>
<a href="#">广告声明</a><br />
<a href="#">Copyright © 2005-2016 传智商城 版权所有 </a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body> 是真的有点长,所以在调试过程中,需要一一对应表格关系,不然一个走神,就会少一个<table><tr><tb>.....
|