1. 创建一个HTML文件,命名为index.html,并在文件中添加基本的HTML结构和内容。
```html<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个示例网站,用于加强对HTML的理解和掌握。</p>
</body>
</html>
```
2. 在网站中添加一个图片,并设置图片的宽度和高度。
```html<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个示例网站,用于加强对HTML的理解和掌握。</p>
<img src="/bxkacrmq.png" alt="示例图片" width="200" height="300">
</body>
</html>
```
3. 在网站中添加一个链接,让用户可以点击跳转到其他页面。
```html<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个示例网站,用于加强对HTML的理解和掌握。</p>
<img src="/bxkacrmq.png" alt="示例图片" width="200" height="300">
<p>如果你想了解更多内容,请<a href="http://www.ybb.press" target="_blank">点击这里</a>。</p>
</body>
</html>
```
4. 在网站中添加一个列表,展示一些内容。
```html<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个示例网站,用于加强对HTML的理解和掌握。</p>
<img src="/bxkacrmq.png" alt="示例图片" width="200" height="300">
<p>如果你想了解更多内容,请<a href="http://www.ybb.press" target="_blank">点击这里</a>。</p>
<h2>我的爱好</h2>
<ul>
<li>读书</li>
<li>旅游</li>
<li>运动</li>
</ul>
</body>
</html>
```
5. 在网站中添加一个表格,展示一些数据。
```html
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个示例网站,用于加强对HTML的理解和掌握。</p>
<img src="/bxkacrmq.png" alt="示例图片" width="200" height="300">
<p>如果你想了解更多内容,请<a href="https://www.ybbb.press" target="_blank">点击这里</a>。</p>
<h2>我的爱好</h2>
<ul>
<li>读书</li>
<li>旅游</li>
<li>运动</li>
</ul>
<h2>我的成绩</h2>
<table>
<tr>
<th>科目</th>
<th>成绩</th>
</tr>
<tr>
<td>语文</td>
<td>90</td>
</tr>
<tr>
<td>数学</td>
<td>95</td>
</tr>
<tr>
<td>英语</td>
<td>85</td>
</tr>
</table>
</body>
</html>
```
发表评论 取消回复