html 标签是整个 html 文件的根标签 ( 最顶层标签 ):告诉浏览器,从这就开始html内容分析了
head 标签中写页面的属性 .
title 标签中写的是页面的标题
body 标签中写的是页面上显示的内容
head和body是兄弟标签;
head和title是父子标签;
每一个标签相当于是一个对像,程序员拿到这些对象,就可以进行增删查改;
<html><head><title> 第一个页面 </title></head><body>hello world</body></html>
这段代码展示的如上;
但是这都是代码框架,可以在VSCode中使用快捷键生成即可:
快速生成代码框架
shift + 1 +回车 :同时按下
<!DOCTYPE html> //指定当前的html版本是5;现在基本都是5版本
<html lang="en">//其中 lang(language 语言) 属性表示当前页面是一个 "英语页面". 是告诉浏览器的此时的html的表现形式是英文,需不需要翻译成其他语言. (有些浏览器会根据此处的声明提示是否进行自动翻译)
<head>
<meta charset="UTF-8">//描述页面的字符编码方式. 没有这一行可能会导致中文乱码
<meta content="IE=edge">//IE浏览器渲染效果,按照最高版本展示;
<meta name="viewport" content="width=device-width, initial-scale=1.0">
其中 viewport 指的是设备的屏幕上能用来显示我们的网页的那一块区域在设置可视区和设备宽度等宽 , 并设置初始缩放为不缩放. ( 这个属性对于移动端开发更重要一些 ).<title>Document</title>
</head>
<body>
</body>
</html>