JavaWeb入门练习

最新推荐文章于 2024-05-08 12:38:06 发布

未来见

最新推荐文章于 2024-05-08 12:38:06 发布

阅读量390

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/weixin_44502548/article/details/108451768

版权

一、显示唐诗介绍
要求如下：在这里插入图片描述
本题代码如下:

<html>
	<head>
		<meta charset="utf-8" />
		<title>唐诗三百首</title>
	</head>
	<body>
		<h1>唐诗三百首</h1>
		<hr />
		<h3>目录</h3>
		<p>第一首：静夜思</p>
		<p>第二首：忆江南</p>
		<p>第三首：长恨歌</p>
		<hr />
		<h3>静夜思</h3>
		<p>作者：李白</p>
		<p>床前明月光，疑是地上霜。举头望明月，低头思故乡。</p>
		<hr />
		<h3>【李白简介】</h3>
		<p>李白，字太白，号青莲居士，自称李唐皇室同宗，祖籍陇西成纪（今甘肃天水附近），剩余暗喜碎叶（遗址在今库尔吉斯坦国境内的阿克别希姆），五岁随父迁居绵州彰明县......</p>
	</body>
</html>

效果截图：
在这里插入图片描述

二、实现简单的商品购买页
要求如下：
在这里插入图片描述
代码如下：

<html>
	<head>
		<meta charset="utf-8" />
		<title>常用页面布局的块级标签</title>
	</head>
	<body>
		<h3>商品信息</h3>
		<h4>产品类别</h4>
		<hr />
		<ul>
			<li>数码</li>
			<ul>
				<li>笔记本</li>
				<li>手机</li>
				<li>家电</li>
			</ul>
			<li>美容</li>
			<li>服装</li>
		</ul>
		<hr />
		<dl>
			<dt>联想电脑</dt>
			<dd>产品型号：联想IdeaPad Y450A-TFU（NBA纪念版）</dd>
			<dd>价格：4999元</dd>
			<dd>所在地：北京</dd>
		</dl>
		<hr />
		<h4>购物流程</h4>
		<ol>
			<li>确认购买信息</li>
			<li>付款到贵美</li>
			<li>确认收货</li>
			<li>付款给商家</li>
			<li>双方评价</li>
		</ol>
	</body>
</html>

效果截图：
在这里插入图片描述

三、img和span标签练习
要求如下：
在这里插入图片描述
代码如下：

<html>
	<head>
		<meta charset="utf-8" />
		<title>常用页面布局的块级标签</title>
	</head>
	<body>
		<h2>促销信息</h2>
		<img src="img/8dbc4763c40eb9753c3741a030ae742d.jpg" alt="精品电脑，不要白不要" title="精品电脑，不要白不要"><br />
		<p>拍卖Acer上网本</p>
		<p>奔腾内核，1G内存，200G硬盘</p>
		<p>跳楼疯抢价<span style="color: red;font-size: 70px;">1</span>元起</p>
	</body>
</html>

效果截图：
在这里插入图片描述

以上为三个JavaWeb的小练习题

未来见

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb入门练习

一、显示唐诗介绍要求如下：本题代码如下:<html> <head> <meta charset="utf-8" /> <title>唐诗三百首</title> </head> <body> <h1>唐诗三百首</h1> <hr /> <h3>目录</h3> <p>第一首：静夜思</p> <p&gt
复制链接

扫一扫