html网页制作实验一
时间: 2024-05-24 10:07:23 浏览: 12
HTML网页制作实验一是一种基础的实验,旨在帮助学习者了解HTML标记语言的基本语法和常用标签,以及如何创建一个简单的网页。
在这个实验中,你将学习以下内容:
1. HTML基本结构:了解HTML文档的基本结构,包括<html>、<head>和<body>标签。
2. 标题和段落:学习如何使用<h1>到<h6>标签创建标题,以及使用<p>标签创建段落。
3. 链接和图片:学习如何使用<a>标签创建链接,以及使用<img>标签插入图片。
4. 列表:学习如何使用<ul>、<ol>和<li>标签创建无序列表和有序列表。
5. 表格:学习如何使用<table>、<tr>和<td>标签创建表格。
下面是一个简单的HTML网页示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是一个示例网页。</p>
<h2>我的爱好</h2>
<ul>
<li>读书</li>
<li>旅行</li>
<li>摄影</li>
</ul>
<h2>我的照片</h2>
<img src="photo.jpg" alt="我的照片">
<h2>联系我</h2>
<p>邮箱:example@example.com</p>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
</tr>
</table>
</body>
</html>
```
这只是一个简单的示例,你可以根据自己的需求和创意进行更多的扩展和设计。
相关推荐
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.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)