一、显示唐诗介绍
要求如下:
本题代码如下:
<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的小练习题