一、HTML语法规范
1.基本语法概述
HTML标签由尖括号包围的关键词,例如<html>.
<html>——开始标签
</html>——结束标签
标注:一般情况下成对出现,称为双标签
<br />单标签——极少情况下出现
2.标签关系
分为包含关系和并列关系。
eg:包含关系为
<head>
<title></title>
</head>
并列关系为:
<head></head>
<body></body>
二、HTML基本结构标签
<html>
<head>
<title>第一个页面</title>
</head>
<body>
月薪过万,指日可待
<body>
</html>
标签名 | 定义 | 说明 |
<html></html> | HTML标签 | 页面中最大的标签,我们称为根标签 |
<head></head> | 文档的头部 | 注意head标签中我们必须要设置的标签是tiitle |
<title></title> | 文档的标题 | 让页面拥有一个属于自己的网页标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容,页面内容基本都是放到body里面的 |
标注:HTML文档的后缀名必须是.html或.htm,浏览器的作用是读取HTML文档,并以网页的形式显示出他们。此时,用浏览器打开这个网页,我们就可以预览我们写的第一个HTML文件了。
三、开发工具
VScode的使用;
1.双击打开软件;
2.新建文件(Ctrl+N);
3.保存(Ctrl+S),注意移动要保存为.html文件;
4.Ctrl+加号键,Ctrl+减号键可以放大缩小视图;
5.生成页面骨架结构:输入!,按下Tab键;
6.利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击“Open In Default Browser”。