當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

前端速成：双月Java之旅（week5）_day1

發布時間：2024/3/13 HTML 33 豆豆

生活随笔收集整理的這篇文章主要介紹了前端速成：双月Java之旅（week5）_day1 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

已經第五周了，從這周開始要做出幾個網站界面出來。

第一個要做的是千牛登錄頁（千牛工作臺 - 商家一站式經營陣地），今天開始先模仿這個界面來做出一個類似的界面。以下是樣圖。

?第一天開始初步敲HTML的代碼，成果如下。

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>千牛—登錄界面</title><style>#div1{float:left; width: auto;}#div2{ width:auto;z-index: 0; line-height: 70px;}#div3{}#div4{vertical-align: top;}</style></head><body><div id="div1"><a href="#"><img src="img/left.png" width="1000px"></a></div><div id="div2"><div id="div3"><table width="1250px"><tr height="90px"><td width="80%"></td><td align="center"><a href="#"><font size="5">關于千牛</font></a><br /></td></tr><tr height="100px"><td align="center"><font size="7">歡迎登錄</font>      </nobr><font size="6">做生意上千牛</font></td></tr></table> </div></div><table width="1200px" border="1px" bordercolor="green" height="1000px"><tr><td width="20%"></td><td><div id="div4"><table border="1px" border="blue" width="100%"><tr><td align="right" width="25%"><font size="6">密碼登錄 </font></td><td align="left" width="25%"><font size="6"> 短信登錄</font></td><td></td><td align="right"><img src="img/code.png"></td></tr><tr><td colspan="4" width="80%"><input type="text" value="賬戶名/郵箱/手機號"></td></tr><tr><td colspan="4" width="80%"><input type="password" value="請輸入登錄密碼"></td></tr><tr><td width="25%">忘記密碼</font></td><td width="25%">忘記賬號</font></td></tr><tr><td><input width="100%" type="button" value="登錄"></td></tr><tr><td></td><td>0元開店</td><td>入駐天貓</td><td></td></tr></table></div></td><td width="20%"></td></tr></table></body> </html>

目前效果圖用HTML只能做成這樣，再后面需要使用CSS美化和JS配合，這是此后的安排。?

總結

以上是生活随笔為你收集整理的前端速成：双月Java之旅（week5）_day1的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。