Skip to content

初识HTML

编辑器相关

前端开发的编辑器软件,我首先推荐 VS Code,其次推荐Sublime Text。

有人说 WebStorm 也不错?但真实情况是,自从VS Code 问世之后,用 WebStorm 的人越来越少了。

PS:文件的后缀名不能决定文件格式,只能决定打开文件打开的方式。

VS Code 的使用

详情请移步至:第一次使用VS Code时你应该知道的一切...

Sublime Text 的使用

详情请移步至:Sublime Text使用技巧

HTML的概述

HTML的概念

HTML 全称为 HyperText Markup Language,译为超文本标记语言。

HTML 不是一种编程语言,是一种描述性的标记语言。

作用:HTML是负责描述文档语义的语言。

HTML语言的最大特点是:简单性和跨平台性。

HTML是负责描述文档语义的语言

HTML 不是一种排版语言,它是一种描述性的标记语言,它不负责内容的样式,只负责内容的语义。

比如:

html
<h1>我是一级标题</h1>

<h1> 标签负责的是语义,表示"一级标题",而不是样式。至于一级标题的样式,需要用 CSS 来描述。

HTML的历史

HTML 是一种基于 SGML(Standard Generalized Markup Language,标准通用标记语言)的应用,在 SGML 的基础上进行了改进。

1993年,互联网工程小组(IETF)发布了首个HTML规范的提案。

1995年11月,HTML 2.0 规范发布。

1997年1月,HTML 3.2 规范发布。

1999年12月,HTML 4.01 规范发布。

2014年10月,HTML 5 规范发布。

HTML的基本语法特性

HTML 标签的书写规范

  1. HTML 标签不区分大小写,但推荐使用小写。
  2. HTML 标签必须严格嵌套,不能交叉嵌套。
  3. HTML 标签必须正确关闭。
    • 双标签:<div></div>
    • 单标签:<br><br />(HTML5 中单标签可以不加斜杠,但为了兼容 XHTML,建议加上)
  4. HTML 标签的属性值推荐使用双引号括起来,也可以使用单引号。
  5. HTML 标签的属性名和属性值是不区分大小写的,但推荐使用小写。

HTML 基本结构

一个完整的 HTML 页面的基本结构如下:

html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页的标题</title>
</head>
<body>
    网页的主体内容
</body>
</html>
  • <!DOCTYPE html> 是文档类型声明,告诉浏览器这是一个 HTML5 文档。
  • <html> 是根元素,包含整个页面的内容。
  • <head> 包含文档的元数据,如标题、字符集、样式、脚本等。
  • <body> 包含可见的页面内容。

HTML 注释

HTML 注释的格式如下:

html
<!-- 这是一个注释 -->

注释不会显示在页面上,但可以在源代码中看到,用于解释代码或临时禁用代码。

HTML 文档的后缀名

HTML 文档的后缀名通常是 .html.htm。这两种后缀名在功能上没有区别,都表示这是一个 HTML 文档。

.htm 后缀名是早期 DOS 系统限制文件扩展名为3个字符而产生的,现在一般都使用 .html 后缀名。

版权声明