/*
*Copyright (c)
*All rights reserved.
*文件名称: class4.html
*作者: 郭栋
*完成日期:2018年 8月11日
*版本号:v1.0
*问题描述:简单的HTML/CSS 布局练习,没什么难度不多说
*输入描述:
*程序输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>class4</title>
<style>
img{
border: 10px solid olivedrab;
}
</style>
</head>
<body>
<span>这是顶部</span>
<img src="img/bg.jpg" alt="图片已损坏" title="壁纸" width="1000px" height=" 1000px"/>
<a name="d1"></a>
<p >第一章</p>
<p>文字<img src="img/eg1.gif" align="left" width="224" height="127px"></p>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<div>
<a href="#">回到顶部</a>
<a href="#d1">第一章</a>
<a href="#d2">第二章</a>
<a href="#d3">第三章</a>
<a href="#d4">第四章</a>
</div>
<a href="http://www.baidu.com" target="_blank">百度</a>
<ul ><!--type="circle"--><!--无序列表-->
<li>橘子</li>
<li>菠萝</li>
<li>苹果</li>
<li>香蕉</li>
</ul>
<ol type="A"><!--有序列表-->
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
</ol>
</body>
</html>
HTML/CSS class4 图片、链接、列表
猜你喜欢
转载自blog.csdn.net/jellywfguo/article/details/81587990
今日推荐
周排行