Java前端_HTML
生活所迫，决定从C++后端转成前端，最后选择了Java后端，半年为期限，工作档实在伤不起，学习是真没有时间，但是为了两个人美好的未来，还是决定转Java 好好学习天天向上
网站首页学习：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <table width = "100%"> <!--第一部分 --> <tr> <td> <table width = "100%"> <tr> <td> <img src = "../img/logo2.png"/> </td> <td> <img src = "../image/header.jpg"/> </td> <td> <a href = "#">登录</a> <a href = "#">注册</a> <a href = "#">购物车</a> </td> </tr> </table> </td> </tr> <!--第二部分 --> <tr bgcolor = "black"> <td height= "50px"> <a href = "#"><font color = "white">首页</font></a> <a href = "#"><font color = "white">手机数码</font></a> <a href = "#"><font color = "white">鞋靴箱包</font></a> <a href = "#"><font color = "white">电脑办公</font></a> <a href = "#"><font color = "white">香烟酒水</font></a> </td> </tr> <!--第三部分--> <tr> <td> <img src = "../img/1.jpg" width="100%"/> </td> </tr> <!--第四部分--> <tr> <td> <table width = "100%" height="500px"> <tr> <td colspan="7"> <h3>最新商品<img src = "../img/title2.jpg"></h3> </td> </tr> <tr align="center"> <td rowspan="2" width="206px" height = "480px"> <img src = "../products/hao/big01.jpg"/> </td> <td colspan="3" height = "240px"> <img src="../products/hao/middle01.jpg" width = "100%" height = "100%"/> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> </tr> <tr align = "center"> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> </tr> </table> </td> </tr> <!--第五部分--> <tr> <td> <img src="../products/hao/ad.jpg" width = "100%"/> </td> </tr> <!--第六部分--> <tr> <td> <table width = "100%" height="500px"> <tr> <td colspan="7"> <h3>最新商品<img src = "../img/title2.jpg"></h3> </td> </tr> <tr align="center"> <td rowspan="2" width="206px" height = "480px"> <img src = "../products/hao/big01.jpg"/> </td> <td colspan="3" height = "240px"> <img src="../products/hao/middle01.jpg" width = "100%" height = "100%"/> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> </tr> <tr align = "center"> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> <td> <img src = "../products/hao/small06.jpg"/> <p>洗衣机</p> <p><font color = "red">$998</font></p> </td> </tr> </table> </td> </tr> <!--第七部分--> <tr> <td> <img src = "../image/footer.jpg" width = "100%"/> </td> </tr> <!--第八部分--> <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> <br /> <p>Copyright @2005-2016传智商城 版权所有</p> </td> </tr> </table> </body> </html>
表单输入：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <!-- action 就是提交指定的地址 get 默认提交 提交方式 会降参数链接在链接后面 有大小限制 4k post方式 会将参数封装在请求体重，没有这样子的限制 post 方式 input： type：指定输入项的类型 name: 在表单提交的时候，当做参数的名字 id: 给输入项取一个名字 以便于我们去找到它 并且操作它 text:输入文本 password：输入密码 radio：单选框 textbox：复选框 file:上传文件 button:普通按钮 reset：重置按钮 date：日期类型 tel: hidden：隐藏 number：只输入数字 placeholder：默认提示信息 textarea：文本域：可以输入一段文本 cols：指定宽度 rows：指定的文本高度 select 下拉列表 option：选项 --> <body> <form action = "../网站首页/网站首页.html"> <input type = "hidden" value = "12321323123231" name = "uid"> 用户名: <input type = "text" placeholder="请输入用户名"/> </br> 密码： <input type = "password" placeholder="请输入密码"/></br> 确认密码:<input type = "password" placeholder="请确认密码"/></br> 邮箱: <input type = "text"/> </br> 手机号码:<input type = "tel"/> </br> 靓照: <input type = "file"/></br> 性别:<input type = "radio" name="sex"/>男<input type = "radio" name="sex"/>女</br> 爱好: <input type="checkbox"/>抽烟 <input type="checkbox"/>喝酒 <input type="checkbox"/>大保健 <input type="checkbox"/>撸代码 </br> 择偶要求 <textarea cols = "40" rows = "4"></textarea></br > 籍贯: <select> <option>请选择</option> <option>湖北</option> <option>内蒙古</option> <option>火星</option> </select> </br> 验证码：<input type = "text"/> </br> <input type="submit" value = "提交1"/> <input type="reset" value = "重置按钮"/> <input type="button" value = "普通按钮"/><br/> 出生日期:<input type = "date"/><br /> </form> </body> </html>
框架标签
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <frameset rows = "20%, 80%"/> <frame src = "A.html" /> <frameset cols = "20%,80%"> <frame src="B.html" > <frame src="C.html" name= "right_name" > </frameset> <frameset> </html>
A
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body bgcolor = "red"> 111 </body> </html>
B
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body bgcolor = "pink"> <a href="D.html" target = "right_name">收件箱</a><br /> <a href="#">发件箱</a><br /> <a href="#">垃圾箱</a><br /> </body> </html>
C
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body bgcolor = "yellow"> 333 </body> </html>
D:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body bgcolor = "green"> 444 </body> </html>
