Web前端学习—基础篇(3)_什么是HTML以及HTML的基本结构
前端学习——基础篇
三、HTML学习
1、Web标准规定的网页技术三层分离结构
(1)HTML
结构层
超文本标记语言(HyperText Markup Lanuage)
描述网页的语义
(2)CSS
样式/表现层
层叠样式表(Cascading Style Sheets)
描述页面的样式
(3)JavaScript
行为层
脚本语言
描述页面的动态效果
2、什么是HTML?
超文本标记语言
是使用标记，描述网页结构的一门语言
是一种语法简单，结构清晰的语言
3、HTML文档——网页
后缀名 .html
文件命名格式：主文件名.html
例如：demo01.html
4、标记——标签
HTML标签 尖括号括起来的关键词
4.1、单标签
<标签名 /> 或 <标签名>
例如：
<img>
<img />
4.2、双标签
<标签名></标签名>
例如：
<div></div>
元素：标签和内容的整体
<标签名 属性名1="属性值" 属性名2="属性值">[内容]</标签名>
例如：
<div style="color:red;">Hello World!</div>
空元素在严格模式下，在开始标签中闭合
注意：标签名、属性名推荐小写
5、HTML注释
<!-- html注释内容 -->
6、HTML基本结构
<!DOCTYPE html>
<!-- 文档声明 doc--document type
<!doctype>文件类型定义（DTD）；必须要放在文档的第一行；
是一条声明语句，不是一个HTML标签；
作用告诉浏览器文档的版本信息，让浏览器解析器知道该用什么样的语法解析文档。
<!doctype html>功能：用HTML5的语法解析网页文档
-->
<html lang="en"> <!-- 网页的根元素 -->
<head> <!-- 网页的头部信息 -->
<meta charset="UTF-8">
<!-- meta标签 网页的元信息
charset属性 编码方式设置，主流编码方式如下：
1、 ASCII——大小写字母、数字、特殊字符
2、 GBK 汉字国际扩展码--包含全部中文字符
GB2312 国标码——简体中文
3、 utf-8 国际编码，国际通用编码方式
-->
<title>网页基本结构</title> <!-- 网页的标题 -->
</head>
<body> <!-- 网页的主体内容，放置结构层内容（标签、文字） -->
</body>
</html>
