跳到主要内容

06 HTML语法基础

HTML（超文本标记语言）是构建网页的基础语言，它使用“标签”来描述网页的结构和内容。

一、HTML 标签的基本语法结构​

1. 成对标签（双标签）​

最常见的标签格式，包含一个开始标签和一个结束标签：

<tagname>内容</tagname>

例如：

<p>这是一个段落</p>
<h1>标题</h1>
<a href="https://example.com">链接文字</a>

开始标签可包含属性，结束标签不能写属性。

2. 自闭合标签（单标签）​

不需要结束标签的标签，也称“空元素”：

<tagname />

或简写为：

<tagname>

HTML5 中可以不加 /，浏览器会自动识别。

常见示例：

<img src="image.jpg" alt="示例图">
<br>
<hr>
<input type="text">
<meta charset="UTF-8">

二、标签命名规则​

  • 标签名不区分大小写，推荐使用小写。
  • 属性名称也不区分大小写，推荐小写。

三、标签分类​

1. 块级元素（Block-level）​

特点：独占一行，常用于布局或大结构。

常见标签：

  • <div>
  • <p>
  • <h1> ~ <h6>
  • <ul> / <ol> / <li>
  • <form>
  • <table>

2. 行内元素（Inline）​

特点：不会换行，常用于文字或小元素。

常见标签：

  • <span>
  • <a>
  • <img>
  • <strong> / <em>
  • <input>

四、常见属性语法格式​

<tagname attribute="value">内容</tagname>

示例：

<a href="https://example.com" target="_blank">点击打开新页面</a>
<img src="logo.png" alt="网站Logo" width="100">

属性值必须用引号包裹，一般使用双引号（"）。

五、嵌套规则（标签必须正确闭合和嵌套）​

正确：

<b><i>加粗并斜体</i></b>

错误：

<b><i>错误嵌套</b></i>
最后于 更新