目录

  • 前言
  • 一、HTML概述
  • 二、HTML基本结构
  • 参考资料


前言

上一节介绍了前端开发需要搭建的环境，这一节主要学习HTML的一些基础知识。要做网站，首先要制作网页，而网页的基础就是HTML。

一、HTML概述

1.HTML是什么？
TyperText Markup Language 超文本标记语言，是制作网页的基础语言。注意，HTML是一种描述性的标记语言，而不是一种编程语言，是用于显示超文本内容的一种方式。HTML是由各种标签或标记组成的，主要负责页面的结构。

2.语法
最基本的语法：<标签名>内容</标签名>
标签通常都是成对出现的，有一个开头标签，就有一个结束标签，结束标签的前面有一个斜杠“/”。

二、HTML基本结构

1.HTML的基本骨架
HTML文件的扩展名是.html。HTML有一个基本的模板或骨架，如下图。
在vscode中新建一个html文件，在英文状态下输入“!”，再按回车键，则自动生成。

<!DOCTYPE html>   <!--DTD,这是文档类型声明，告诉浏览器我是html文档。 html5(不同版本的DTD声明不一样-->
<html lang="en">  <!--用的语言是英语,也可用其他语言，中文一般用“zh-CN”,由于谷歌浏览器支持中文，所以可以不用改-->
<head>            <!--犹如人一样，这是头部-->
    <meta charset="UTF-8">   <!--使用UTF-8编码--> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--移动端用的--> 
    <title>Document</title>  <!--标题为Document--> 
</head>
<body>            <!--犹如人一样，这是身体-->
    <P>Web前端世界,你好!</P>  <!--网页真正显示内容的地方-->  
</body>
</html>           <!--html是根标记-->

2.HTML的版本
html4.1：是常见的版本，语法相对xhtml1.0比较松散。
xhtml1.0：发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。语法比较严格。
html5：最新版本，基于html4，并有一些新变化。

参考资料