钟文志的部落格

Appearance

什么是HTML ​

HTML（HyperText Markup Language，超文本标记语言）是用于创建和设计网页的标准标记语言。HTML 是构建万维网（World Wide Web）的基石技术之一，它定义了网页的结构和内容。

HTML 的基本概念 ​

  1. 标记语言：HTML 使用标记（tags）来描述网页的结构和内容。标记是用尖括号括起来的关键词，如 <html>、<head>、<body> 等。

  2. 超文本：HTML 中的“超文本”指的是文档之间通过链接（hyperlinks）进行的交互。点击一个链接，可以跳转到其他页面或资源。

HTML 的基本结构 ​

一个简单的 HTML 文档包含以下基本结构：

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document Title</title>
</head>
<body>
    <h1>Hello, World!</h1>
    <p>This is a paragraph.</p>
</body>
</html>

HTML 文档的组成部分 ​

  1. <!DOCTYPE html>：声明文档类型，告知浏览器该文档使用 HTML5 标准。

  2. <html>：根元素，包含整个 HTML 文档的内容。

  3. <head>：头部元素，包含元数据（metadata），如文档标题、字符集声明、样式表链接等。

  4. <meta>：元数据元素，用于指定文档的字符集、作者、描述等信息。

  5. <title>：文档标题，在浏览器标签栏显示。

  6. <body>：主体元素，包含网页的可见内容，如文本、图像、链接、表格等。

HTML 的发展 ​

HTML 经过多个版本的发展，最新版本是 HTML5。HTML5 引入了许多新特性和标签，增强了网页的语义化、可访问性和多媒体支持，如：

  • 新的语义化标签：<header>、<footer>、<article>、<section>、<nav> 等。
  • 多媒体标签：<audio>、<video>。
  • 绘图标签：<canvas>。
  • 新的表单控件和属性：<input type="email">、<input type="date"> 等。

HTML 的使用 ​

HTML 与 CSS（层叠样式表）和 JavaScript 一起使用，构成了网页的前端开发三大基础技术：

  1. HTML：定义网页的结构和内容。
  2. CSS：控制网页的外观和布局。
  3. JavaScript：实现网页的交互和动态功能。

通过结合使用 HTML、CSS 和 JavaScript，开发者可以创建功能丰富、用户友好的网页和应用程序。