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>
```


点赞(0)

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部