图片导入：< img src="图片导入的位置"width=“宽度”height=“高度”alt=“图像的替代文字”title=“鼠标悬停提示文字”>
超文本链接；< a href=" "target=“目标窗口位置”>链接文本或图像</ a>
视频元素:<video src="视频路径"controls=“controls”>
音频元素：<audio src="音频路径"controls=“controls”>
HTML5标准的默认链接都是带下划线的
bootstrap链接只有在hover状态下才带下划线
play：当视频播放的时候触发该事件
pause：当视频暂停的时候触发该事件，利用该事件可以做出暂停时间的广告效果
ended：当视频播放结束的时候触发该事件，利用该事件可以做视频顺序播放功能
error：当视频播放发生错误时触发。如：所请求的视频找不到
canplaythrough：当浏览器可在不因缓冲而停顿的情况下进行播放时触发
getcurrentposition（）：可用于获取当前位置
1：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>京东读书新闻资讯页面</title>
</head>
<style>
body{
padding: 10px;
}
h1 {
font-size: 22px;
color: #333;
font-family: arial, "宋体";
text-align: center;
text-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
}
h2 {
font-size: 18px;
color: #999;
text-align: center;
line-height: 30px;
}
p {
text-indent: 2em;
color: #333;
line-height: 1.8;
font-size: 14px;
font-family: arial, "宋体";
}
.time {
font-size: 12px;
text-align: center;
line-height: 30px;
}
.p-img {
text-align: center;
}
.second {
color: #ff0000;
}
</style>
<body>
<h1>看不见的完美硬币 ：细节的负担</h1>
<h2>创新公司皮克斯的启示</h2>
<hr/>
<p class="time">2015年05月05日 <span class="second">17:47</span></p>
<p class="p-img"><img src="img/book.jpg" alt="图书"/></p>
<p><em>细节从来都是个好东西，完美的细节往往给我们赢得商业上的胜利。</em></p>
<p><em>但是，在皮克斯，这一家满是完美主义设计师的企业里，细节竟然成了负担。</em></p>
<p><em>怎么打造完美的细节？又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。</em></p>
<p><strong>看不见的完美硬币：细节的负担</strong></p>
<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 lang="en">
<meta charset="UTF-8">
<head>
<title>制作开心庄园页面</title>
</head>
<style>
h1 {
font-size: 18px;
line-height: 40px;
color: #9c2f06;
}
p {
line-height: 25px;
font-size: 12px;
color: #9c2f06;
}
p img {
vertical-align: middle;
}
</style>
<body>
<p><img src="image/manor-1.jpg" width="886" height="488" alt="开心庄园"/></p>
<h1>如何犁地、播种和收获？</h1>
<p>1.点击耙子<img src="image/manor-2.jpg"/>，即可在庄园中开垦田地；<br/>
2.一开始，你可以开垦数十块的田地；扩充庄园后，可开垦的数量更多；<br/>
3.在商店<img src="image/manor-3.jpg"/> 购买种子后，点击庄园中的田地<img src="image/manor-4.jpg"/>，即可播种；<br/>
4.别忘了收获自己的劳动所得哦，枯萎后就颗粒无收了！<br/>
5.使用铲子删除庄园里的田地和植物；<br/>
6.到达一定级别，可利用拖拉机、播种机 、收割机 ，方便快捷的劳作。
</p>
<h1>如何种果树？</h1>
<p>1.商店中购买果树后，点击庄园空地 <img src="image/manor-5.jpg"/>，即可种植；<br/>
2.果树结满果实时，一定要记得及时收获 哦；<br/>
3.幸运的是，果树不会枯萎，收获后的果树，过一段时间后，还会继续结果。
</p>
<h1>如何养动物？</h1>
<p>1.点击商店，选择想要饲养的动物后，点击庄园空地，即可饲养动物；<br/>
2.动物成熟之后一定要记得收获<img src="image/manor-6.jpg"/>哦~<br/>
3.将动物放入相应的居所后，可以更方便地收获；幸运的话，说不定会有意外的惊喜收获呢！<br/>
4.除了商店购买外，还有各种神秘途径可获得动物哦！
</p>
<h1>如何装扮自己的庄园？</h1>
<p>1.点击左上角的庄园名称，为自己的庄园起个响当当的名字；<br/>
2.在商店 里购买各种喜欢的建筑和装饰，随心所欲进行装饰；<br/>
3.向好友们许愿或发布需求<img src="image/manor-7.jpg"/>，让好友们赠送自己心仪的东西；
</p>
</body>
</html>
2886
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
