【HTML5】->初识HTML->HTML简单介绍&HTML5基本元素讲解

当前位置：电视猫 > HTML/Xhtml>

电视猫时间： 2024-08-18 14:38:34

HTML5 入门：从基础开始了解 HTML

什么是 HTML？

HTML（HyperText Markup Language，超文本标记语言）是用来描述网页结构的一种语言。它由一系列的标签组成，这些标签告诉浏览器如何显示网页上的内容。HTML5 是 HTML 的最新版本，它在 HTML4 的基础上引入了许多新的元素和功能，使得网页开发更加方便和高效。

HTML 的基本结构

一个基本的 HTML5 文档通常包含以下部分：

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>我的第一个 HTML5 页面</title>
</head>
<body>
  <h1>欢迎来到我的网站！</h1>
  <p>这是一个简单的段落。</p>
</body>
</html>

<!DOCTYPE html>: 声明文档类型，告诉浏览器这是一个 HTML5 文档。
<html>: 根元素，表示 HTML 文档的开始和结束。
<head>: 头部，包含一些元数据，比如字符编码、标题、样式表链接等，这些信息不会直接显示在页面上。
<meta charset="UTF-8">: 指定文档的字符编码为 UTF-8，支持多种语言。
<title>: 标题，显示在浏览器标签页上的标题。
<body>: 主体，包含网页中要显示的所有内容。
<h1>: 标题标签，用于定义标题。
<p>: 段落标签，用于定义段落。

HTML5 的基本元素

HTML5 引入了一些新的语义化标签，使得页面结构更加清晰，搜索引擎也更容易理解网页内容。

标题标签: <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
段落标签: <p>
链接标签: <a>
图像标签: <img>
列表标签: <ul>, <ol>, <li>
表格标签: <table>, <tr>, <td>
表单标签: <form>, <input>, <button>
语义化标签:
- <header>: 定义页眉
- <nav>: 定义导航链接
- <section>: 定义文档中的一个区块
- <article>: 定义独立的内容
- <aside>: 定义侧边栏
- <footer>: 定义页脚
- <figure>: 定义一个媒介内容（图像、图表、代码等），以及它的标题（<figcaption>）