HTML:课堂练习5-3唐代诗歌目录页面设计

题目要求：

在这里插入图片描述
参考代码：

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<meta name="generator" content="HBuilder X">meta>
		<title>唐代诗歌目录title>
		<style type="text/css">
			ul{
				list-style-type: none;
			}
		style>
	head>
	<body bgcolor="pink">
		<h3>
			<a name = "唐代诗歌目录">唐代诗歌目录a>
		h3>
		<ol>
			<li>
				<a href="#春晓">春晓a>
			li>
			<li>
				<a href="#静夜思">静夜思a>
			li>
			<li>
				<a href="#望庐山瀑布">望庐山瀑布a>
			li>
		ol>
		<br><br><br><br><br><br>
		<h3>
			<a name = "春晓">春晓a>
		h3>	
		<ul>
			<li>春眠不觉晓，li>
			<li>处处闻啼鸟。li>
			<li>夜来风雨声，li>
			<li>花落知多少？li>
		ul>
		<h4 align = "right">
			<a href="#唐代诗歌目录">返回a>
		h4>
		<br><br><br><br><br><br>
		<h3>
			<a name = "静夜思">静夜思a>
		h3>
		<ul>
			<li>床前明月光，li>
			<li>疑是地上霜。li>
			<li>举头望明月，li>
			<li>低头思故乡。li>
		ul>
		<h4 align = "right">
			<a href="#唐代诗歌目录">返回a>
		h4>
		<br><br><br><br><br><br>
		<h3>
			<a name = "望庐山瀑布">望庐山瀑布a>
		h3>
		<ul>
			<li>日照香炉生紫烟，li>
			<li>遥看瀑布挂前川。li>
			<li>飞流直下三千尺，li>
			<li>疑是银河落九天。li>
		ul>
		<h4 align = "right">
			<a href="#唐代诗歌目录">返回a>
		h4>
	body>
html>

样式效果：

在这里插入图片描述

相关阅读:
go入门学习笔记
蓝牙 - BLE安全连接中的数字比较法
UE 材质，如何只取0~1之间的值，其余值抛弃
linux开发常用命令
Java学习笔记------内部类
Qt+Win10使用QAxWidget控件实现远程桌面控制
（28）Blender源码分析之顶层菜单的安装应用模板菜单
TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
如何将视频转换成GIF动画表情包？
SimpleServletHandlerAdapter类简介说明

原文地址：https://blog.csdn.net/weixin_55804957/article/details/127041326