作业

最新推荐文章于 2022-08-07 12:06:44 发布

马利庆

最新推荐文章于 2022-08-07 12:06:44 发布

阅读量283

点赞数

分类专栏：作业文章标签：作业

本文链接：https://blog.csdn.net/weixin_43986534/article/details/86022488

版权

作业专栏收录该内容

53 篇文章 1 订阅

订阅专栏

2019.01.07作业
实现右侧超链接列表实现
点击不同超链接，跳转到不同功能页面，将本章的所有课堂案例集合起来

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<a href="#">我的第一个网页</a><br>
		<a href="#">不同的等级标题标签对比</a><br>
		<a href="#">段落标签</a><br>
		<a href="#">换行标签</a><br>
		<a href="#">水平线标签</a><br>
		<a href="#">字体样式标签</a><br>
		<a href="#">图像</a><br>
		<a href="#">超链接的应用</a><br>
		<a href="#">无序列表</a><br>
		<a href="#">有序列表</a><br>
		<a href="#">定义列表</a><br>
	</body>
</html>

1.制作经典语录（p标签，h2标签，图片标签）

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

2.制作莎士比亚的诗（ p标签，h2标签，br标签，hr标签）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h2>存疑</h2><br>
		<hr />
		<p>你说你喜欢雨，可雨意绵绵，你却撑开了伞；</p>
		<p>你说你喜欢阳光，可阳光明灭，你却追逐阴凉</p>
		<p>你说你喜欢风，可风舞飞扬，你却关上了窗</p>
		<p>你说你喜欢我，可我害怕你的喜欢，也只是你说的喜欢很随便...</p>
	</body>
</html>

3.制作商品列表（ul标签，li标签）

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

1.制作高数目录（标签嵌套）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			ul{
				color: #6A3699;
			}
			.class1{
				color: black;
			}
		</style>
	</head>
	<body>
		<h3>高等数学（上册）目录</h3>
		<ul>
		<li class="class1">第1章 函数与函数</li>	
		<ul>
		<li>1.1 集合</li>
		<li>1.2 映射与函数</li>
		<li>1.3 建立函数关系式</li>
		</ul>
		<li class="class1">第2章 函数的极限与连续</li>
		<ul>
			<li>2.1 函数的极限</li>
			<li>2.2 无穷小量与无穷大量</li>
			<li>2.3 极限的运算法则</li>
		</ul>
		<li class="class1">第3章 函数的倒数与微分</li>
		<ul>
			<li class="class1">3.1 倒数的概念</li>
		<ul type="square">
			<li>3.1.1 引例</li>
			<li>3.1.2 倒数的概念</li>
		</ul>
		</ul>
		</ul>
	</body>
</html>

2.制作手机app排行榜（标签嵌套，图片标签）

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>手机app排行榜</title>
</head>
<body>

	<h2>手机app排行榜</h2>
	<ol>
		<li><img src="app1.png">微信2017 交友/聊天 9000万+人在玩<hr></li>
		<li><img src="app2.jpg">手机支付宝 支付/转账 9000万+人在玩<hr></li>
		<li><img src="app3.png">腾讯视频2017 在线视频/视频播放器 9000万+人在玩<hr></li>
		<li><img src="app4.png">手机美团2017 团购/购物 9000万+人在玩<hr></li>
	</ol>
</body>
</html>

马利庆

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
作业

2019.01.07作业实现右侧超链接列表实现点击不同超链接，跳转到不同功能页面，将本章的所有课堂案例集合起来&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &l
复制链接

扫一扫