菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

什么是 HTML?


HTML

HTML 代表 Hyper Text Markup Language(超文本标记语言)

HTML 是网页的标准标记语言

HTML 元素是 HTML 页面的构建块

HTML 元素由<> 标签表示


HTML 元素

HTML 元素由一个开始标签和一个结束标签以及它们之间的内容组成

<h1>这是一个标题</h1>
开始标签 元素内容 结束标签
<h1> 这是一个标题 </h1>
<p> 这是段落。 </p>

HTML 属性

  • HTML 元素可以具有属性
  • 属性提供有关元素的额外信息
  • 属性以名称/值对的形式出现,例如charset="utf-8"

一个简单的 HTML 文档

<!DOCTYPE html>
<html lang="en">

<meta charset="utf-8">
<title>页面标题</title>

<body>
   <h1>这是一个标题</h1>
   <p>这是一个段落。</p>
   <p>这是另一个段落。</p>
</body>

</html>

自己动手试一试 »

示例解释

HTML 元素是 HTML 页面的构建块。

  • <!DOCTYPE html> 声明将此文档定义为 HTML5
  • <html>元素是HTML页面的根元素
  • lang 属性定义了文档的语言
  • <meta> 元素包含关于文档的元信息
  • charset 属性定义了文档中使用的字符集
  • <title> 元素为文档指定一个标题
  • <body> 元素包含可见的页面内容
  • <h1>元素定义一个大标题
  • <p>元素定义一个段落

HTML 文档

所有 HTML 文档都必须以文档类型声明开始: <!DOCTYPE html>。

HTML 文档本身以 <html> 开始,以 </html> 结束。

HTML 文档的可视部分位于 <body> 和 </body> 之间。


HTML 文档结构

下面是一个 HTML 文档(一个 HTML 页面)的可视化表示

<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>This is a heading</h1>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
</body>
</html>

注意:只有 <body> 部分内的内容(上面的白色区域)才会在浏览器中显示。


HTML 标题

HTML 标题使用 <h1> 到 <h6> 标签定义。

<h1> 定义最重要的标题。 <h6> 定义最不重要的标题:

示例

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
自己动手试一试 »


HTML 段落

HTML 段落使用 <p> 标签定义

示例

<p>这是一个段落。</p>
<p>这是另一个段落。</p>
自己动手试一试 »

HTML 链接

HTML 链接使用 <a> 标签定义

示例

<a href="https://w3schools.org.cn">这是一个链接</a>
自己动手试一试 »

链接的地址在 href 属性中指定。


HTML 图像

HTML 图像使用 <img> 标签定义。

源文件 (src)、替代文本 (alt)、宽度 (width) 和高度 (height) 作为属性提供

示例

<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
自己动手试一试 »

HTML 按钮

HTML 按钮使用 <button> 标签定义

示例

<button>点击我</button>
自己动手试一试 »

HTML 列表

HTML 列表使用 <ul>(无序/项目符号列表)或 <ol>(有序/编号列表)标签定义,后跟 <li> 标签(列表项)

示例

<ul>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ul>
自己动手试一试 »

HTML 表格

HTML 表格使用 <table> 标签定义。

表格行使用 <tr> 标签定义。

表格标题使用 <th> 标签定义。(默认粗体居中)。

表格单元格(数据)使用 <td> 标签定义。

示例

<table>
  <tr>
    <th>名字</th>
    <th>姓氏</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
自己动手 » 使用 CSS »

编程 HTML

每个 HTML 元素都可以有属性

对于 Web 开发和编程,最重要的属性是idclass。这些属性通常用于处理基于程序的网页操作。

Attribute 示例
id <table id="table01"
类别 <p class="normal">
样式 <p style="font-size:16px">
data- <div data-id="500">
onclick <input onclick="myFunction()">
onmouseover <a onmouseover="this.setAttribute('style','color:red')">

完整的 HTML 教程

以上是对 HTML 的简短描述。

如需完整的 HTML 教程,请访问 W3Schools HTML 教程

如需完整的 HTML 标签参考,请访问 W3Schools 标签参考


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持