初识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 不是一种排版语言,它是一种描述性的标记语言,它不负责内容的样式,只负责内容的语义。
比如:
<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 标签的书写规范
- HTML 标签不区分大小写,但推荐使用小写。
- HTML 标签必须严格嵌套,不能交叉嵌套。
- HTML 标签必须正确关闭。
- 双标签:
<div></div> - 单标签:
<br>或<br />(HTML5 中单标签可以不加斜杠,但为了兼容 XHTML,建议加上)
- 双标签:
- 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 或 .htm。这两种后缀名在功能上没有区别,都表示这是一个 HTML 文档。
.htm 后缀名是早期 DOS 系统限制文件扩展名为3个字符而产生的,现在一般都使用 .html 后缀名。