HTML 基础

1.1 什么是 HTML: HTML(Hypertext Markup Language)是一种用于创建网页的标记语言。它使用标记来结构化文档,并使用标记来描述文档的内容和各个部分的意义。HTML 中的标记可以告诉浏览器如何显示文本、图像、链接和其他元素。

1.2 HTML 的历史: HTML 最早在 1990 年由蒂姆·伯纳斯-李(Tim Berners-Lee)创造,目的是为了共享科学信息。最初的 HTML 版本非常简单,只有一些基本的标签,如 <h1>(标题)、<p>(段落)等。随着时间的推移,HTML 发展成为一种更复杂和功能强大的语言,新增了许多标签和功能。

1.3 HTML 文档结构:

一个基本的HTML文档结构包含以下几个部分:

  1. <!DOCTYPE> 声明:这是HTML5的声明,用于指定文档类型。

  2. <html> 标签:这是整个HTML文档的根元素。

  3. <head> 标签:包含了一些元数据,例如页面的标题、字符编码和引入的外部样式表或脚本文件等。

  4. <body> 标签:包含了页面的主要内容,例如文本、图像、链接等。

下面是一个简单的HTML文档结构示例:

复制代码
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>My Webpage</title>
  <link rel="stylesheet" href="styles.css">
  <script src="script.js"></script>
</head>
<body>
  <h1>Welcome to My Webpage</h1>
  <p>This is a paragraph of text.</p>
  <img src="image.jpg" alt="Image">
  <a href="https://www.example.com">Click here</a>
</body>
</html>

在这个示例中,<head> 标签中包含了一个字符编码声明(指定文档使用的字符编码为UTF-8)、标题、一个引入的样式表和一个引入的脚本文件。<body> 标签中包含了一个标题、一个段落、一张图片和一个链接。

相关推荐
玖釉-5 分钟前
解决PowerShell执行策略导致的npm脚本无法运行问题
前端·npm·node.js
Larcher39 分钟前
新手也能学会,100行代码玩AI LOGO
前端·llm·html
徐子颐1 小时前
从 Vibe Coding 到 Agent Coding:Cursor 2.0 开启下一代 AI 开发范式
前端
小月鸭1 小时前
如何理解HTML语义化
前端·html
jump6801 小时前
url输入到网页展示会发生什么?
前端
诸葛韩信1 小时前
我们需要了解的Web Workers
前端
brzhang2 小时前
我觉得可以试试 TOON —— 一个为 LLM 而生的极致压缩数据格式
前端·后端·架构
yivifu2 小时前
JavaScript Selection API详解
java·前端·javascript
这儿有一堆花2 小时前
告别 Class 组件:拥抱 React Hooks 带来的函数式新范式
前端·javascript·react.js
十二春秋2 小时前
场景模拟:基础路由配置
前端