跳转至

HTML 基础

本页面为HTML入门教程，适合零基础学习者。

1. HTML简介

HTML（超文本标记语言）是构建网页的基础语言。所有网页内容都由HTML元素组成。

2. 基本结构

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>页面标题</title>
  </head>
  <body>
    <h1>主标题</h1>
    <p>这是一个段落。</p>
  </body>
</html>

3. 常用标签

  • 标题：<h1> ~ <h6>
  • 段落：<p>
  • 链接：<a href="url">链接文字</a>
  • 图片：<img src="url" alt="描述">
  • 列表：<ul>、<ol>、<li>
  • 表格：<table>、<tr>、<td>
  • 分割线：<hr>
  • 换行：<br>

4. 表单与输入

<form action="/submit" method="post">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name">
  <input type="submit" value="提交">
</form>

5. 添加样式

可以通过style属性或引入CSS文件美化网页： 

<p style="color: red;">红色文字</p>
<link rel="stylesheet" href="style.css">

6. 实践建议