、实验要求: (1). 在网页中使用 BODY 标记的有关属性设置网页的背景图片和文本颜色。 (2). 在网页中设置文本的字体、字号和颜色。 (3). 在网页中分别创建一个无序列表和有序列表。 (4). 在网页中插入一幅图像,然后设置该图像的格式。 (5). 编写一个框架网页,在顶部创建一个用于显示网站标题的横幅框架,在左边创建一个用于显示网页连接的目录框架,并在右下方创建一个用于显示内容的主要框架。要求在目录框架中单击不同链接时,在主要框架中显示相应的网页,其中目录框架中设计一个链接“用户注册”页面(用表单设计)
时间: 2023-06-16 11:08:02 浏览: 55
以下是一个基本的 HTML 页面,满足实验要求:
```html
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<style>
body {
background-image: url('background.jpg');
color: white;
font-family: Arial, sans-serif;
font-size: 16px;
}
h1 {
font-size: 32px;
color: orange;
}
ul {
list-style: none;
}
ol {
list-style: decimal;
}
img {
width: 50%;
border: 1px solid white;
}
#banner {
background-color: black;
height: 100px;
text-align: center;
padding-top: 20px;
}
#menu {
background-color: gray;
width: 20%;
height: 500px;
float: left;
padding: 20px;
}
#content {
background-color: white;
width: 80%;
height: 500px;
float: left;
padding: 20px;
}
</style>
</head>
<body>
<div id="banner">
<h1>Welcome to My Page</h1>
</div>
<div id="menu">
<h2>Menu</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Register</a></li>
</ul>
</div>
<div id="content">
<h2>My Image</h2>
<img src="myimage.jpg" alt="My Image">
<p>This is a picture of me.</p>
</div>
</body>
</html>
```
注意,这个页面中的图片和链接并没有真实的地址,需要根据实际情况修改。
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![pptx](https://img-home.csdnimg.cn/images/20210720083543.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)