搜索到
7
篇与
的结果
-
58注册html单页ui练习第三弹 前言练起来 练起来 练起来！第三弹练习来了 看太多书和笔记都不如直接上手操作 下面是第三个单页练习 有兴趣的往下看 练习都是大同小异 主要是为了熟悉div+css的布局 是上手操作多了自然就熟练起来了效果图说明跟练习1，2 一样的布局类型操作 注册表单就用表格table来进行布局，写之前 一定要先划分好网站的各方面区域，首先先写div、头部、导航、主体、主体左边右边、还有底部然后就是对应的css样式 我这里举例html这的主要div css样式我就不展示出来了 具体清下载文件来查看 里面都有注释了的导航栏 图片以及菜单的浮动 主体左边跟主体右边的浮动 一定要注意 然后就是在主体里面插入内容 表格啥的 等等....<div> <!--整体包裹全部div的div--> <div class="header"> <!--模块1头部区域--> </div> <div class="nav"> <!--模块2整体区域--> </div> <div class="main"> <!--模块3整体区域--> <div class="main_1"> <!--模块3-1区域--> </div> <div class="main_2"> <!--模块3-2区域--> </div> </div> <div class="footer"> <!--网站底部区域--> </div> </div> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情 -
工商注册html单页ui练习第二弹 前言临近期末 该内卷还是要内卷的 为了考试不挂科 所以练起来 看太多书和笔记都不如直接上手操作 下面是第二个单页练习 有兴趣的往下看 练习都是大同小异 主要是为了熟悉div+css的布局效果图说明跟练习1 一样的操作 布局一定要清楚注册表单就用表格table来进行布局，写之前 一定要先划分好网站的各方面区域，首先先写div、头部、导航、主体、主体左边右边、还有底部然后就是对应的css样式 我这里举例html这的主要div css样式我就不展示出来了 具体清下载文件来查看 里面都有注释了的导航栏 图片以及菜单的浮动 主体左边跟主体右边的浮动 一定要注意 然后就是在主体里面插入内容 表格啥的 等等....<div> <!--整体包裹全部div的div--> <div class="header"> <!--模块1头部区域--> </div> <div class="nav"> <!--模块2整体区域--> </div> <div class="main"> <!--模块3整体区域--> <div class="main_1"> <!--模块3-1区域--> </div> <div class="main_2"> <!--模块3-2区域--> </div> </div> <div class="footer"> <!--网站底部区域--> </div> </div> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情
-
唯品会html单页ui练习第一弹 前言html课程学了好几周了，虽然说学的都是基础，毕竟写的都是这些简单的单页，下面分享一下 课堂上面的练习 仿唯品会的单页 做出这个 期末的html考试基本上是稳了效果图说明写之前 一定要先划分好网站的各方面区域，首先先写div、头部、导航、主体、主体左边右边、还有底部然后就是对应的css样式 我这里举例html这的主要div css样式我就不展示出来了 具体清下载文件来查看 里面都有注释了的导航栏 图片以及菜单的浮动 主体左边跟主体右边的浮动 一定要注意 然后就是在主体里面插入内容 表格啥的 等等....<div> <!--整体包裹全部div的div--> <div class="header"> <!--模块1头部区域--> </div> <div class="nav"> <!--模块2整体区域--> </div> <div class="main"> <!--模块3整体区域--> <div class="main_1"> <!--模块3-1区域--> </div> <div class="main_2"> <!--模块3-2区域--> </div> </div> <div class="footer"> <!--网站底部区域--> </div> </div> 文件下载需要下方评论区留言才可以查看下载哦隐藏内容，请前往内页查看详情
-
梧州宝石html注册页面 效果图如下：简单的单页注册页面 课堂上的练习刚学css时做的 无功能 只是一个UI而已感兴趣的直接复制下方代码拿走即可大神请绕道 互相学习共同进步<!doctype html> <!--星逸博客--> <html> <head> <meta charset="utf-8" /> <title>梧州宝石 - 注册界面</title> <!--css样式内容开始--> <style type="text/css"> /*标题文本样式*/ .title1 { font-size:35px; color:#b8860b; font-weight:bold; margin-left:135px; } .title2 { font-size:25px; color:#000000; } /*文本样式*/ .text1 { color:red; font-size:12px; font-weight:bold; } .text2 { font-size:13px; } .text3 { font-size:15px; color:red; } /*文本框样式*/ input[type=text], [type=password] { width: 25%; padding: 12px; border: 1px solid #ccc; resize: vertical; /*border-radius: 4px;文本框圆角*/ } /*去除超链接下划线*/ a { text-decoration:none; } /*按钮控件*/ input[type=submit] { background-color: #daa520; border: none; color: white; padding: 14px 22px; text-decoration: none; cursor: pointer; font-weight:bold; font-size:14px; margin-left:50px; } </style> </head> <body> <div> <p> <span class="title1">梧州宝石</span> <span class="title2"> | 用户注册</span> <br /> <hr width="80%" size="3" color="#cccccc" /> </p> </div> <div align="center"> <p> <span class="text1"> *</span><span class="text2">会员名：</span> <input type="text" name="wb1"> </p> <p> <span class="text1">*</span><span class="text2">登录密码：</span> <input type="password" name="wb2"> </p> <p> <span class="text1">*</span><span class="text2">密码确认：</span> <input type="password" name="wb3"> </p> <p> <span class="text1">*</span><span class="text2">手机号码：</span> <input type="text" name="wb4"> </p> <p> <span class="text1"> *</span><span class="text2">邮箱：</span> <input type="text" name="wb5"> </p> <p> <input type="checkbox" name="chck" style="margin-left:145px;"> <span class="text2">创建网站的同时，我统一遵守： <a href="#"><span class="text3">《梧州宝石条款》</span></a> 及 <a href="#"><span class="text3">《隐私声明》</span></a> </span> </p> <p> <input type="submit" name="subt" value="同意并注册"> </p> </div> </body> </html>
-
ul,ol,dl列表和简单的首页练习 作业1效果图列表综合应用菜单 一个套一个 思路一定要清晰<!doctype html> <html> <head> <meta chraset="utf-8"> <title>列表综合应用</title> </head> <body> <!-- 列表开始 --> <ul> <li>Java Script</li> <ol> <li>第一章</li> <ul> <li>const</li> <li>let</li> </ul> <li>第二章</li> <ul> <li>function</li> <li>object</li> </ul> </ol> </ul> <!-- 列表2开始 --> <ul> <li>C#</li> <ol> <li>第一章</li> <ul> <li>类class</li> <dl> <dt>- >类的属性：</dt> <dd>如Name、Text</dd> <dt>- >类的方法：</dt> <dd>如SetText()</dd> </dl> <li>委托delegate</li> </ul> <li>第二章</li> <ul> <li>private</li> <li>public</li> </ul> </ol> </ul> </body> </html>作业2效果图不知道说点啥 看上面的效果图 如图所示<!doctype html> <html> <head> <meta chraset="utf-8"> <title></title> </head> <body> <p><img width="100%" src="images/banner1.jpg" /></p> <ul type="disc"> <li><a href="#">首页</a></li> <li><a href="https://baike.baidu.com/item/%E4%B8%AA%E4%BA%BA%E9%93%B6%E8%A1%8C%E4%B8%9A%E5%8A%A1/2845427">个人业务</a></li> <li><a href="#">企业业务</a></li> <li><a href="#">关于工行</a></li> <li><a href="#">客户服务</a></li> </ul> <h3>个人网上银行</h3> <p>注册>演示>指南>网银助手<br />安全专区>防范假网站</p> <h3>企业网上银行</h3> <p> <a href="#" style="text-decoration:none;">注册></a> <a href="#" style="text-decoration:none;">演示></a> <a href="#" style="text-decoration:none;">指南></a> <a href="#" style="text-decoration:none;">网银助手></a> </p> <marquee behavior=alternate> <p> <img src="images/04.gif" /><img src="images/01.gif" /><a href="http://m.icbc.com.cn/icbc/default1.htm">手机银行注册</a><img src="images/02.gif" />手机银行转账<img src="images/03.gif" />网上银行注册<img src="images/05.gif" /> </p> </marquee> <p> 今年是中华人民共和国成立70周年。70年初心不改，70年砥砺前行。70年来，在中国共产党的领导下，新中国的经济金融事业取得了举世瞩目的成就。在新中国成立后不长的时间里，我们建立起了独立的比较完整的工业体系和国民经济体系。改革开放以来，中国经济活力充分释放，创造了人类经济 发展史上的奇迹。当前，中国特色社会主义进入新时代，我们又开启了实现中国梦的伟大征程。为庆祝新中国成立70周年， 本刊特开设<font color="red">“新中国经济金融70年”</font>专栏，展示70年来新中国经济金融领域波澜壮阔的发展历程，谱写新时代经济金融事业改革创新的壮丽篇章！ </p> <hr size="3" width="100%" color="#CCCCCC" /> <p align="center"> 网站地图 | 版权声明 | 使用条款 | 联系我们 | 京ICP备10052455号 京公网安备110102002036号 Copyright® BANK OF CHINA(BOC) All Rights Reserved. </p> </body> </html>
-
hr,p,img,h1和ul标签案例练习 作业1效果图 小白的我刚开始研究了挺久的 因为思路模糊 就开始无从下手 但好像又很简单 说白了就是上一个作业的升级版<!doctype html> <html> <head> <meta charset="utf-8"> <title>诗歌赏析</title> </head> <body> <h1 align="center">诗歌赏析</h1> <hr width="80%" size="5" align="center" color="blue" /> <p align="left">鹰玄赤天宝十五年(756)七月，安史叛军政陷长安，肃宗在灵武即位，改元至德。杜市在投奔灵武途中，被叛军俘至长安，次年(至德二年)写此诗。</p> <p align="left">诗人目睹沦陷后的长安之萧条警落，身历逆境思家情切，不免感慨万端。诗的一、二两联，写香城败象，饱含感吸;三、四两联写心念承人境况，充滋离情。</p> <p align="left">全博沉着落弱，真孽自然， 反映了诗人热爱祖国，管怀家人的感情。今人徐应佩、周溶呆等评此诗日:“意脉贯通而苄豆，情景萧备而不游离，感情强烈而不浅禁，内容丰高而不无杂，梅律严谨而不板滞。”此论颇为安帖。“家书抵万会”亦为流传千古之名言。</p> <hr width="900px" size="5" align="center" color="green" /> <h1 align="center">春望</h1> <p align="center"><b>作者：<a href="http://www.baidu.com">杜甫</a></b></p> <p align="center"><i><b><font color="blue">国破山河在，城春草木深</br> 感时花溅泪，恨别鸟惊心</br> 烽火连三月，家书抵万金</br> 白头搔更短，浑欲不胜簪</i></b></font></p> <p align="center"> <img width="300px" height="220px" align="center" src="image\df1.png" /> <img width="300px" height="220px" align="center" src="image\df2.png" /> <img width="300px" height="220px" align="center" src="image\df3.png" /> </p> <hr width="900px" size="5" align="center" color="green" /> <h1 align="center">送蔡山人</h1> <p align="center"><b>作者：<a href="http://www.baidu.com">李白</a></b></p> <p align="center"><i><b><font color="blue">我本不弃世，世人自弃我。<br> 一乘无倪舟，八极纵远舵。<br> 燕客期跃马，唐生安敢讥。<br> 采珠勿惊龙，大道可暗归。<br> 故山有松月，迟尔玩清晖。</i></b></font></p> <p align="center"> <img width="352px" height="220px" align="center" src="image\lb1.jpg" /> <img width="352px" height="220px" align="center" src="image\lb2.jpg" /> <img width="176px" height="220px" align="center" src="image\lb3.jpg" /> </p> </body> </html>作业2效果图 这个跟上面的比 简单多了<!doctype html> <html> <head> <meta chraset="utf-8"> <title>淘宝网声明条款</title> </head> <body> <img align="left" src="image\logo.png" /> <br /><br /> <h2 align="left">淘宝网法律声明</h2> <hr> <p align="right">最新版本生效日期：2019年8月19日</p> <h4 align="left">权利归属</h4> <p> 除非淘宝网另行声明，淘宝网推出的所有官方产品、技术、软件、程序、数据及其他信息（包括文字、图标、图片、照片、音频、视频、图表、色彩组合、版面设计等）的所有权利（包括著作权、商标权、专利权、商业秘密及其他相关权利）均归阿里巴巴集团及/或其关联公司所有。未经阿里巴巴集团及/或其关联公司事先许可，任何人擅自使用上述内容和信息，可能会侵犯阿里巴巴集团及/或其关联公司的权利，我们将会追究侵权者的法律责任。如有宣传、展示等任何使用需要，请您务必取得阿里巴巴集团及/或其关联公司的事先许可。信息限制</p> <p> 为维护淘宝网的正常运行秩序及效率，未经阿里巴巴集团及/或其关联公司许可，任何人不得自行、授权或协助第三方对淘宝网及其系统进行地址扫描、网络端口扫描、操作系统探测等扫描及/或探测，或以包括通过机器人、蜘蛛等程序或设备监视、复制、传播、展示、镜像、上载、下载等方式擅自获取、使用淘宝网内的任何内容。</p> <h4 align="left">责任限制</h4> <p> 鉴于淘宝网提供的信息发布服务属于电子公告牌（BBS）性质，淘宝网上的店铺、商品信息（包括但不限于店铺名称、公司名称、联系人及联络信息、产品的描述和说明、相关图片、视频等）由用户自行提供并上传，由用户对其提供并上传的信息承担相应法律责任。淘宝网服务提供者对此另有约定的，将在相关的协议或其他法律文本中与您进行明确。淘宝网转载的作品（包括论坛内容）出于传递更多信息之目的，并不意味我们赞同其观点或已经证实其内容的真实性。知识产权保护</p> <p> 我们尊重知识产权，反对并打击侵犯知识产权的行为。知识产权权利人若认为淘宝网内容（包括但不限于淘宝网用户发布的商品信息）侵犯其合法权益的，可以通过阿里巴巴知识产权保护平台（https://ipp.alibabagroup.com/）进行投诉，我们将在收到知识产权权利人合格通知后依据相应的法律法规以及平台规则及时处理。</p> <ul type="disc"> <li><a href="http://www.baidu.com/">《天猫法律声明》</a></li> <li><a href="http://www.baidu.com/">《飞猪法律声明》</a></li> </ul> </body> </html>
-
hr,h,p和br标签练习案例 今天是光棍节 还好我有对象 跟我不沾边 当代大学生还是逃不了作业 虽然说刚开始学 但是对于老师布置的这两个作业我还是分分钟拿捏的 毕竟全是基础的东西 发文只要是为了记录一下 大佬们请绕道哦。作业1效果图<!doctype html> <html> <head> <meta charset="utf-8"> <title>p标签与br标签案例效果图</title> </head> <body> <h2><p align="center">诗经·国风·邶风凯风</p></h2> <p align="center">凯风自南，吹彼棘心。棘心夭夭，母氏劬劳。</p> <p align="center">凯风自南，吹彼棘薪。母氏圣善，我无令人。</p> <p align="center">爰有寒泉？在浚之下。有子七人，母氏劳苦。</p> <p align="center">睍睆黄鸟，载好其音。有子七人，莫慰母心。</p> <hr width="50%" align="center" color="red"> <h2><p align="center">诗经·国风·邶风凯风</p></h2> <p align="center"> 凯风自南，吹彼棘心。棘心夭夭，母氏劬劳。</br> 凯风自南，吹彼棘薪。母氏圣善，我无令人。</br> 爰有寒泉？在浚之下。有子七人，母氏劳苦。</br> 睍睆黄鸟，载好其音。有子七人，莫慰母心。</br> </p> </body> </html>作业2效果图<!doctype html> <html> <head> <meta charset="utf-8"> <title>hr,h,p和br标签练习素材</title> </head> <body> <h1><p align="center">诗歌赏析</p></h1> <hr> <p>唐玄宗天宝十五年（７５６）七月，安史叛军攻陷长安，肃宗在灵武即位，改元至德。杜甫在投奔灵武途中，被叛军俘至长安，次年（至德二年）写此诗。</p> <p>诗人目睹沦陷后的长安之箫条零落，身历逆境思家情切，不免感慨万端。诗的一、二两联，写春城败象，饱含感叹；三、四两联写心念亲人境况，充溢离情。</p> <p>全诗沉着蕴藉，真挚自然，反映了诗人热爱祖国，眷怀家人的感情。今人徐应佩、周溶泉等评此诗曰：“意脉贯通而平直，情景兼备而不游离，感情强烈而不浅露，内容丰富而不芜杂，格律严谨而不板滞。”此论颇为妥帖。“家书抵万金”亦为流传千古之名言。</p> <hr width="80%" align="center" size="5px" color="blue"> <h1><p align="center">春望</p></h1> <h3><p align="center">作者：杜甫</p></h3> <p align="center"> 国破山河在，城春草木深。</br> 感时花溅泪，恨别鸟惊心。</br> 烽火连三月，家书抵万金。</br> 白头搔更短，浑欲不胜簪。</br> </p> </body> </html>
