您的位置：首页 > Web前端

Web前端(基础入门)：2.HTML概述与基本结构

2020-06-10 04:23 447 查看

目录

前言

上一节介绍了前端开发需要搭建的环境，这一节主要学习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，并有一些新变化。

参考资料

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航