前端速成：双月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相关推荐
- 前端速成：双月Java之旅（week3）_day2
JS可以在前端完成简单的数据校验,在用户名或者密码不能为空的时候使用.JavaScript是一种直译式脚本语言,通过浏览器来解释执行. 首先对JS进行简要介绍.JS的组成部分有三个,第一部分是ECMA ...
- java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计旅拍平台源码+lw文档+mybatis+系统+mysql数据库+调试 本源码技术栈: 项目架构:B ...
- JAVA之旅（八）——多态的体现，前提，好处，应用，转型，instanceof，多态中成员变量的特点，多态的案例...
JAVA之旅(八)--多态的体现,前提,好处,应用,转型,instanceof,多态中成员变量的特点,多态的案例 一.多态 我们今天又要学习一个新的概念了,就是多态,它是面向对象的第三个特征,何谓多态 ...
- 在web前端调用后台java程序(java类)的方式
在web前端调用后台java程序(java类)的方式: 首先静态html标签是无法直接调用java程序的,但是可以通过imput button按钮点击,onclick事件调用一个js函数,用这个js函 ...
- 前端速成班_在此速成班中学习Go
前端速成班 Learn everything you need to get started programming in Go with this crash course tutorial. 通过 ...
- 一套通用的后台管理系统Base Admin 前端:layui 后端:java
简介: Base Admin一套简单通用的后台管理系统 这套Base Admin是一套简单通用的后台管理系统,主要功能有:权限管理.菜单管理.用户管理,系统设置.实时日志,实时监控,API加密,以及登 ...
- JAVA之旅（五）——this，static，关键字，main函数，封装工具类，生成javadoc说明书，静态代码块...
JAVA之旅(五)--this,static,关键字,main函数,封装工具类,生成javadoc说明书,静态代码块 周末收获颇多,继续学习 一.this关键字 用于区分局部变量和成员变量同名的情况 ...
- 耗时1年的前端技术框架切换之旅
本文分享自华为云社区<记一次难忘的前端技术框架切换之旅[WEB前端大作战]>,原文作者:一颗白菜 . 一.旅行之始 2020年初,某个普通的工作日,正在聚精会神"搞事情" ...
- JAVA之旅（二十八）——File概述，创建，删除，判断文件存在，创建文件夹，判断是否为文件/文件夹，获取信息，文件列表,文件过滤...
JAVA之旅(二十八)--File概述,创建,删除,判断文件存在,创建文件夹,判断是否为文件/文件夹,获取信息,文件列表,文件过滤 我们可以继续了,今天说下File 一.File概述 文件的操作是非常 ...
最新文章
- python androidhelper 语音识字_Android语音播报、后台播报、语音识别
- 1418 This function has none of DETERMINISTIC,NO SQL,or R
- LINUX CentOS6.8 wdcp面板安装
- python调用c++返回带成员指针的类指针
- python3 通过列表作为键 产生字典
- C++Addition rule of probabilities概率加法法则算法(附完整源码)
- 零基础学习WinCE开发
- 设计模式（中介者模式-对象去耦）
- IOC操作Bean管理注解方式（创建对象）
- json和python中字典的区别和联系_Python中 json字符串和字典的区别
- [Java] 蓝桥杯ALGO-119 算法训练 寂寞的数
- 在Linux中如何使用gdb调试C程序
- linux系统lvs技术,Linux 负载均衡二Lvs技术
- 安装完 SQL Server 2008 后没有 SQL Server Management Studio
- HTML下拉菜单（超详细）：
- Visual C# 操作 Excel 文件(二) 封裝成 MyExcel 類
- Linux Make（Makefile）由浅入深的学习与示例剖析
- html多张图片合在一块,多张照片怎么拼在一起？10张以上多图拼图方法 超简单！ (全文)...
- Photon网络中Player中存取数据
- Chrome开发者工具-阅读列表