2019.1.7第一章html和第二章CSS课后作业本

第一章
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h2>经典语录</h2>
		<img src="sakula.jpg" />
		<p>人什么时候才会死?<br>被子弹贯穿的时候<br />
		不对!<br>得了不治之症的时候?<br />喝下毒蘑菇汤的时候?
		<br />不对!<br />是被人遗忘的时候
		</p>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h2>存疑</h2>
		<p>你说你喜欢雨,但是你在下雨的时候打伞。</p>
		<p>你说你喜欢太阳,但是你在阳光明媚的时候躲在阴凉的地方。</p>
		<p>你说你喜欢风,但是在刮风的时候你却关上窗户。</p>
		<p>这就是为什么我会害怕你说你也喜欢我。</p>
		
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul type="disc">
			<h2>商品列表</h2>
			<img src="shop1.jpg">
			<li>超纤维防水帆布,可拆卸</li>
			<img src="shop2.jpg">
			<li>steam海报,黄金梦想曲</li>
			<img src="shop3.jpg">
			<li>LV印花双肩背包,拉链贴布大口袋</li>
			
		</ul>
	</body>
</html>

#选做
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			a{
				color: purple;
			}
		</style>
	</head>
	<body>
		<ul>
			<li>第1章 函数与函数
				<ul type="circle">
					<li><a href="#">1.1集合</a></li>
					<li><a href="#">1.2映射与函数</a></li>
					<li><a href="#">1.3建立函数关系式</a></li>
				</ul>
			<li>第2章 函数的极限与连续
				<ul>
					<li><a href="#">2.1函数的极限</a></li>
					<li><a href="#">2.2无穷小量与无穷大量</a></li>
					<li><a href="#">2.3极限的运算法则</a></li>
				</ul>
			</li>
			<li>第3章 函数的导数与微分
				<ul>
					<li><a href="#">3.11引例</a></li>
					<li><a href="#">3.12导数的概念</a></li>
					
				</ul>
			</li>
			
			
			</li>
		</ul>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>手机APP排行榜</h1>
		<ol>
			<li><img src="app1.png">微信2017&nbsp;交友、聊天&nbsp;9000万+人在玩</li>
			<hr />
			<li><img src="app2.jpg">手机支付宝&nbsp;支付/转账&nbsp;9000万+人在玩</li>
			<hr />
			<li><img src="app3.png">腾讯视频2017&nbsp;在线视频/视频播放器&nbsp;9000万+人在玩</li>
			<hr />
			<li><img src="app4.png">手机美团2017&nbsp;团购/购物&nbsp;9000万+人在玩</li>
		</ol>
	</body>
</html>

第二章
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p{
				color: green;
			}
			
		</style>
	</head>
	<body>
		<h3></h3>
		<p>晚上</p>
		<p>我打着手电筒散步</p>
		<p>累了就拿它当拐杖</p>
		<p>我拄着一束光</p>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#id1{
				color: blue;
			}
			p{
				color: green;
			}
		</style>
	</head>
	<body>
		<h3>原谅</h3>
		<p>春天来了<br>我去小溪边砸冰<br>把春天砸得头破血流<br>直淌眼泪<br>
			到了花开的时候<br>它就把那些事儿忘了<br>真正原谅了我
		</p>
		<p></p>
		<p id="id1">出自:《孩子们的诗》</p>
		<p>《孩子们的诗》,精选了七十多首等3-13岁小朋友写的诗。
小诗人们来自北京、上海、广东、江苏、山东、广西、福建、内蒙古、新疆等全国各个地方。
从上万首诗作中脱颖而出,它们首先是好诗,其次才是孩子的诗。</p>
		
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.class{
				color: blue;
			}
			#id1{
				color: purple;
			}
			
		</style>
		
		
	</head>
	<body>
		<h3 class="class">这位会“魔法”的爸爸走红 这项技能简直太棒竟将女儿装进画框</h3>
		<hr />
		<p class="class">原标题:这位会“魔法”的爸爸走红 这项技能简直太棒竟将女儿装进画框</p>	
		<p id="id1"> 
			这项技能简直太棒竟将女儿装进画框 孩子太小,不可能一直不动,站在那给我画,所以平时,
			我会观察她的状态,并且拍摄大量的照片,选取一些有微妙神态的瞬间,然后用来进行这种主题创作</p>
	</body>
</html>

#选做
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			p u{
				color: purple;
			}
		</style>
	</head>
	<body>
		<img src="game1.jpg">
		<h3>游戏背景</h3>
		<p>《玫瑰小镇》是一款以花园经营题材为背景的种花小游戏。游戏模拟了鲜花的生长过程,
			历经获取花种、浇水、播种、浇水、除害、收获花朵、布置花园、出售等过程,充分享受鲜花养成带来的乐趣。</p>
		<h3>游戏特色</h3>
		<p>《玫瑰小镇》是一款以花园经营题材为背景的种花小游戏。游戏模拟了鲜花的生长过程,历经获取花种、浇水、播种、浇水、
			除害、收获花朵、布置花园、出售等过程,充分享受鲜花养成带来的乐趣。</p>
		<p><a href="#"><u>我要提产品建议</u></a></p>
	</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			#id{
				color: blue;
			}
			.class{
				color: red;
			}
			.class1{
				color: green;
			}
			
		</style>
	</head>
	<body>
		<h1>东软睿道学习平台</h1>
		<p>欢迎来到东软睿道学习平台,这里将为您提供丰富的学习内容</p>
		<ul>
			<li id="id">网页制作
			  <ul type="circle">
			  <li id="id">使用DREAMWEAVER制作网页</li>
			  <li id="id">使用CSS布局和美化网页
				<ul >
					<li class="class">CSS初级</li>
					<li class="class">CSS中级</li>
					<li class="class">CSS高级</li>
				</ul>
			  </li>
              <li id="id">使用JAVASCRIPT制作网页特效</li>
			  </ul>
			</li>
			<li id="id">平面设计
				<ol>
					<li class="class1">美术基础</li>
					<li class="class1">使用photoshop处理图形图像</li>
					<li class="class1" >使用Lllustrator设计图形</li>
					<li class="class1">制作flash动画</li>					
				</ol>
			</li>
		</ul>
		<p>如果您有任何问题,欢迎给我们留言</p>
	</body>
</html>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值