前端三剑客
1. HTML基础使用
HTML:超文本标记语言,是一种用于创建网页的标准标记语言。
- HTML 代码是由 “标签” 构成的
- 整体的 HTML 代码是由一对
<html> </html>
包裹的 <head> </head>
标签是页面的头部,标签中写页面的属性<body> </body>
标签是页面的主体,标签中写的是页面显示的内容<title> </title>
标签中写的是页面的标题
1.1 HTML 入门实例
<html>
<head>
<title>第?个??</title>
</head>
<body>
hello world
</body>
</html>
这三个标签组成了一个html的主体,也是一个最简单的页面。每个标签,都分成了开始标签和结束标签,是成对出现的,标签之间可以嵌套。
整体这些标签就构成了一个 树形 结构,称为 DOM 树(DOM Document Objective Model 文档对象模型)
- 生成一个默认的页面模板: 输入 !, 并且按 tab,就可以生成一组默认的页面模板。
解释一下这个模板:
<!DOCTYPE html>
: 这一行是声明了文档类型,描述了当前文件是 html 文件
<html lang="en">
: 表示当前网页使用的语言是 english。→ 这里标记了语言也是方便了浏览器自带的翻译功能进行识别。
<head>
标签里面放的内容主要是页面的一些属性,和页面展示的内容没有太大关系。<meta charset="UTF-8">
声明我们这个页面的字符编码是