Html 练习题 Day_01_流量调查表 总页面流量9756488,46776686,7538087 共计来访97656,855-程序员宅基地
技术标签： html
练习1
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>看不见的完美硬币 ：细节的负担</h1>
<p><h2>创新公司皮克斯的启示</h2></p>
<hr />
<img src="book.jpg" width="200px" height="230px"/>
<p><i>细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。</i></p>
<p><i>但是，在皮克斯，这一家满是完美主义设计师的企业里，细节竟然成了负担。</i></p>
<p><i>怎么打造完美的细节？又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</i></p>
<b>看不见的完美硬币：细节的负担</b>
<p>在皮克斯，每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品，还是商品，细节都是至关重要的，是决定成败的关键。人们似乎也听过许多关于细节的胜利的故事，但是在皮克斯，设计师们一个个都是完美主义者，细节显然成了皮克斯的负担。这样的太过于重视细节，往往会伤害到企业该有的效率，最终伤害企业的根本。在完美细节和企业应有的效率面前，艾德·卡特姆做出了明智的决策。</p>
<p>皮克斯有一个现象，被我们的制片人叫作“看不见的完美硬币（the perfect coin）”，这个词指代的是皮克斯制作人员对细节的精益求精。有时候，被我们的制片人凯瑟琳•萨拉菲安称为“床头柜上一枚没人会注意到的硬币”这样的细节，也会引得我们的工作人员花上几天甚至数周的时间悉心打磨。凯瑟琳是《怪兽电力公司》一片的制作人员，影片中有一幕戏可以形象地向我们阐释到底什么是“看不见的完美硬币”。在这幕戏中，好奇的小布第一次来到麦克和萨里的公寓，还在蹒跚学步的小婴儿四处探索起来。两个怪物想要制止她，而她还是一步步走到了两摞高高堆起的CD旁，“别乱动！”麦克大喊起来，可是小女孩还是从90多张CD盒摞成的“高塔”底部抽出一张， CD全部倒塌散落在了地板上。麦克抱怨道：“哎，那些CD都是按字母顺序排列好的！”小女孩摇摇摆摆地走开了。这幕场景前后不到3秒钟，观众们只能够看到几个CD盒而已，但皮克斯的制作人员不仅为每一个CD盒制作了封面，还使用了可计算物体在运动时渲染效果变化的着色器。</p>
<p>“你能看到所有CD盒吗？看不到。”萨拉菲安接着说，“把所有CD盒全部设计一遍，这工作有意思吗？其实挺有意思的。我们还真有几位工作人员觉得观众能在近镜头里把每张CD都看得一清二楚，所以就任劳任怨地把每张CD都雕琢了一番。也许，这其中的乐趣只有当事人才能体会吧。”</p>
</body>
</html>效果图
练习2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>音乐排行榜</h2>
<ol type="1">
<li><a href="#">潇洒走一回</a> <img src="pic1.png" /></li>
<li><a href="#">偏偏喜欢你</a> <img src="pic1.png" /></li>
<li><a href="#">酒干倘卖无</a> <img src="pic1.png" /></li>
<li><a href="#">不说再见</a> <img src="pic1.png" /></li>
<li><a href="#">舍不得你</a> <img src="pic1.png" /></li>
<li><a href="#">请跟我来</a> <img src="pic1.png" /></li>
</ol>
</body>
</html>效果图
练习3
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h2>流量调查表</h2>
<table border="1px" width="350px" height="40px">
<tr align="center">
<td>总页面流</td>
<td>共计来访</td>
<td>会员</td>
<td>游客</td>
</tr>
<tr align="center">
<td>9756488</td>
<td>97656</td>
<td>7538087</td>
<td>43364677</td>
</tr>
<tr align="center">
<td>46776686</td>
<td>85544</td>
<td>69357</td>
<td>568787</td>
</tr>
<tr align="center">
<td>7538087</td>
<td>546774</td>
<td>476897</td>
<td>334545</td>
</tr>
<tr align="center">
<td>平均每人浏览</td>
<td colspan="3">1.58</td>
</tr>
</table>
</body>
</html>
效果图
练习4
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<img src="header.jpg" />
<p><a href="#"><u>登录</u></a>|
<a href="#"><u>阿里巴巴首页</u></a>|
<a href="#"><u>客服中心</u></a>|
<img src="icon1.bmp" />
<a href="#"><u>提意见</u></a><br /></p>
如需要帮助，请咨询 <img src="icon2.bmp" />或拨打400-800-1688
<p>电子邮箱：<input type="email" maxlength="11"/></p>
<p>会员登录名：<input type="text" name="name"/></p>
<p>密码：<input type="password"name="pswd"/></p>
<p>再次输入密码：<input type="password"name="zpswd"/></p>
<p>会员身份：<input type="radio" name="majia" checked="checked"/>买家
<input type="radio" name="majia" />卖家
<input type="radio" name="majia" />两者都是
</p>
<p>验证码：<input type="text" name="yzm"/>
<img src="verycode.gif" /><a href="#">看不清楚换一张</a></p>
<p><img src="btn_reg.gif" /></p>
<textarea rows="8px" cols="40px">
阅读阿里巴巴公司（阿里巴巴）服务条款协议(下称"本协议")，您应当在使用服务之前认真阅读本协议全部内容，且对本协议中加粗字体显示的内容，阿里巴巴督促您应重点阅读。本协议阐述之条款和条件适用于您使用阿里巴巴中文网站（所涉域名为：Alibaba.com.cn、alibaba.cn、1688.com，下同），所提供的在全球企业间(B-TO-B)电子市场(e-market)中进行贸易和交流的各种工具和服务(下称"服务")。
</textarea><br />
<a href="#"><u>阿里巴巴版权所有2015-2018著作权与商标声明</u></a>|
<a href="#"><u>法律声明</u></a>|
<a href="#"><u>服务条款</u></a>|
<a href="#"><u>隐私声明</u></a>|
<a href="#"><u>联系我们</u></a>|
<a href="#"><u>网站题图</u></a>|
<a href="#"><u>产品体验中心</u></a>|<br /><br />
<a href="#"><u>阿里巴巴集团：阿里巴巴网络-中国 国际站 全球速卖通 日文站 中国万网</u></a>|
<a href="#"><u>淘宝网</u></a>|
<a href="#"><u>支付宝</u></a>|
<a href="#"><u>中国雅虎</u></a>|
<a href="#"><u>雅虎口碑网</u></a>|
<a href="#"><u>阿里软件</u></a>|
<a href="#"><u>阿里妈妈</u></a>|
<a href="#"><u>集团研究中心</u></a>|
</body>
</html>
效果图
智能推荐
spring-cloud-hystrix之spring-cloud-1.3.4(Dalston.SR3)-boot(1.5.6) 学习笔记_springcloud dalston.sr3怎么引用-程序员宅基地
文章浏览阅读341次。spring-cloud-hystrix之spring-cloud-1.3.4(Dalston.SR3)-boot(1.5.6) 学习笔记概述hystrix可单独使用,也可与feign搭配使用,详见HystrixTargeter参考 https://fangjian0423.github.io/2017/02/19/springcloud-hystrix/http://blog.csdn.n_springcloud dalston.sr3怎么引用
ubuntu下将本地vscode编辑器通过ssh和远程服务器进行连接并使用远程的Python环境_ubuntu 通过 ssh 连接到远程服务器方便编辑代码的工具-程序员宅基地
文章浏览阅读991次。前言：在程序员的日常开发工作中，会遇到这样的情况，我们需要用自己本地的工作笔记本连接到大的服务器进行开发，因为大服务器的硬件性能强悍，有很多软件环境。我们在自己的笔记本进行开发需要用到这些软硬件环境，尤其在深度学习项目开发过程中，需要非常好的显卡，而显卡资源一般都部署在大服务器上。下面讲具体步骤：ssh和vscode的安装不再赘述，网上有很多教程。1，打开vscode编辑器，进入"扩展：商店"：在搜索框里搜索Remote-SSH，下载好这个插件。2，点击左下角绿色部分"打开远程窗口"，出现下图内容_ubuntu 通过 ssh 连接到远程服务器方便编辑代码的工具
GPU加速在前端的应用-程序员宅基地
文章浏览阅读3.2k次，点赞4次，收藏13次。概述GPU(Graphics Processing Unit) 图形处理单元，又称图形处理器，是我们所周知的显卡的核心部件，是显卡的“心脏”。按照字面意..._前台应用加速核心
C#串口通信从入门到精通（11）——串口接收的数据存储到本地文件（txt、csv）_读取并保存串口发送来的数据-程序员宅基地
文章浏览阅读4.3k次，点赞5次，收藏18次。本文详细介绍如何将串口通信将数据进行本次存储，主要介绍常用的csv、txt格式文件，由多年实战经验总结，绝对干货！_读取并保存串口发送来的数据
synchronized锁住的是什么？_如果为put方法加synchronized锁,锁住的是什么?是一个put还是所有put方法?-程序员宅基地
文章浏览阅读229次。对象锁：同步方法锁住的是对象A.一个对象+有多个synchronized方法：某一时刻内，只要有一个线程去调用其中一个synchronized 方法，其他的线程都要等待。B.一个对象中+synchronized方法+非synchronized方法：某个线程访问同步方法不影响其他线程访问非同步方法C.多个对象+多个同步方法：访问不同的对象的同步方法不会相互影响全局锁：静态同步方法锁的是当前的..._如果为put方法加synchronized锁,锁住的是什么?是一个put还是所有put方法?
outlook邮箱邮件内容乱码_邮件标题乱码问题解决一例-程序员宅基地
文章浏览阅读2.5k次。最近有用户反馈在mac下通过airmail、outlook这样的邮件客户端查看系统发出邮件的标题显示为乱码，但是windows下正常。通过邮件客户端保存为eml，用sublime text 2打开，可以发现展示为以下效果：Date: Wed, 01 Jul 2015 19:54:57 +0800From: To: "=?GBK?B?zt6+zA==?=" Subject: [MTLÑз¢Ö§³Å..._outlook 2013 转发邮件 乱码
随便推点
python自定义复杂排序的使用（含案例）_python 自定义复合排序-程序员宅基地
文章浏览阅读619次。python自定义复杂排序的使用（含案例）_python 自定义复合排序
Vue组件-程序员宅基地
文章浏览阅读2.8k次，点赞86次，收藏44次。在这一小节中，重点要理解的就是组件的编程思想。组件表示页面中的部分功能（包含自己的逻辑与样式），可以组合多个组件实现完整的页面功能。问题是，如何确定页面中哪些内容划分到一个组件中呢？你可以将组件当作一种函数或者是对象来考虑（函数的功能是单一的），根据[单一功能原则]来判定组件的范围。也就是说，一个组件原则上只能负责一个功能。如果它需要负责更多的功能，这时候就应该考虑将它拆分成更小的组件。定义：组件是可复用的Vue实例，准确讲它是的实例，继承自Vue分类：有状态组件(有data属性)，
Springer期刊 latex投稿经验分享（包含latex模板）_投期刊要求latex-程序员宅基地
文章浏览阅读7.1k次。Springer期刊 latex投稿经验分享_投期刊要求latex
PLM助力国防军工制造业工艺数字化-程序员宅基地
文章浏览阅读192次。1制造业数字化工艺目标1) 通过PLM项目的实施能够理顺企...
攻防_漏洞_文件包含_文件包含漏洞详解_ctf 文件包含-程序员宅基地
文章浏览阅读3.7k次，点赞5次，收藏17次。文件包含漏洞详解_ctf 文件包含
javaweb-java占位符的使用_%x java-程序员宅基地
文章浏览阅读970次。文章目录java占位符具体使用搭配转换符的标志java占位符拼接字符串显示十分麻烦，因此java中存在大量占位符用来规范输出诸如：String.format("0.5(-%d)+", i)，类似c语言的printf方法，比“0.5（-”+…更加简洁易懂String类的format()方法具体使用format(String format, Object… args) 新字符串使用本地语言环境，制定字符串格式和参数生成格式化的新字符串。format(Locale locale, String fo_%x java