第一天作业
来源:互联网 发布:如何整理mac里的照片 编辑:程序博客网 时间:2024/05/18 12:44
用HTML写一首诗并配上图片,需要满足诗的格式。可以结合学习的html知识对页面进行加工。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin: 0;}
li{text-decoration: none;list-style: none;}
ul{display: block; margin-left: auto;margin-right: auto;width: 200px;height: 100px;margin-top: 10px;}
h5,h2{margin: 0;}
img{display: block;margin-right: auto;margin-left: auto;}
.box{width: 100%;}
.box_1{width: 500px;height: 200px;margin-left: auto;margin-right: auto;}
.title{width: 100px;height: 60px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}
h5{float: right;}
</style>
</head>
<body>
<div class="box">
<div class="box_1">
<div class="title">
<h2>山居秋暝</h2>
<h5>唐代王维</h5>
</div>
<ul>
<li>空山新雨后,天气晚来秋。</li>
<li>明月松间照,清泉石上流。</li>
<li>竹喧归浣女,莲动下渔舟。</li>
<li>随意春芳歇,王孙自可留。</li>
</ul>
</div>
<img src="18d8bc3eb13533fa49187d73a1d3fd1f40345bc5.jpg">
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body{margin: 0;}
li{text-decoration: none;list-style: none;}
ul{display: block; margin-left: auto;margin-right: auto;width: 200px;height: 100px;margin-top: 10px;}
h5,h2{margin: 0;}
img{display: block;margin-right: auto;margin-left: auto;}
.box{width: 100%;}
.box_1{width: 500px;height: 200px;margin-left: auto;margin-right: auto;}
.title{width: 100px;height: 60px;margin-left: auto;margin-right: auto;margin-bottom: 10px;}
h5{float: right;}
</style>
</head>
<body>
<div class="box">
<div class="box_1">
<div class="title">
<h2>山居秋暝</h2>
<h5>唐代王维</h5>
</div>
<ul>
<li>空山新雨后,天气晚来秋。</li>
<li>明月松间照,清泉石上流。</li>
<li>竹喧归浣女,莲动下渔舟。</li>
<li>随意春芳歇,王孙自可留。</li>
</ul>
</div>
<img src="18d8bc3eb13533fa49187d73a1d3fd1f40345bc5.jpg">
</div>
</body>
</html>
0 0
- ruby 第一天作业
- Ruby第一天作业
- Io第一天作业
- Prolog第一天作业
- Clojure第一天作业
- scala 第一天作业
- 第一天作业
- python第一天作业
- 3000门徒第一天作业
- C#第一天的作业
- Python第一天课后作业
- [心情]大作业的第一天
- Java Language:第一天-3-Java作业-12/08/2014
- 算是学习的第一天吧 第一次作业尝试
- 1月12日中软的第一天(作业)
- 第一天
- 第一天
- 第一天~
- 算法分析与设计第九周:45. Jump Game II
- MATLAB遗传算法例子一
- new delete
- mysqli_connect() 2005错误
- 暗黑破坏神(DIABLOII 1.11B)BOT制作(一)
- 第一天作业
- 【DOM】2.改变新闻字体大小
- CCFCSP201612-1中间数
- ZOJ3769-Diablo III(分组背包)
- 第三章 3-1 windows主函数以及窗口处理过程函数
- 动态规划练习一 21题
- [雅礼4-11]游戏 SG函数&&线性基
- Java 序列化
- 【MIT 公开课】Computer Science and Programing Lession 14