黑马程序员技术交流社区
标题: JavaWeb---HTML [打印本页]
作者: Alone_1221 时间: 2018-1-5 21:37
标题: JavaWeb---HTML
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>.....
作者: 陈文老师 时间: 2018-1-6 15:20
作者: 1414225997 时间: 2018-1-7 15:19
不长
作者: xiongliu 时间: 2018-1-8 10:39
生成页面呢？
作者: 渝小妹 时间: 2018-1-8 20:08
温故而知新 加油 
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |