网站:是在因特尔网络上根据一定的规则
1、html语法规范
1.1、基本语法概述
-
html是由尖括号包围的关键字,例如
-
html语言通常是成对出现的,例如。我们称为双标签,第一个是开始标签,第二个是结束标签。
-
有些特殊的符号是单标签,例如
。我们成为单标签
1.2、标签关系
双标签可以分为2类:包含关系、并列关系
1.2.1、包含关系
<head>
<title> </title>
</head>
1.2.2、并列关系
<head></head>
<body></body>
2、基本结构标签
每一个网页都会有基本的结构标签(骨架标签),页面内容可在这些基本标签上书写
html页面也html
2.1、第一个页面
标签名 | 定义 | 说明 |
---|---|---|
< html> < /html> | HTML标签 | 页面中最大的标签,也成为 根标签 |
< head> < /head> | 页面头部标签 | 注意在head标签中我们我们必须要设置title标签 |
< title> < /title> | 页面的标题 | 页面的标题 |
< body> < /body> | 页面的主体 | 页面的所有内容都在body里面 |
<html>
<head>
<title>页面的标题</title>
</head>
<body>
页面的主体
</body>
</html>
注意!!!:HTML文档的后缀必须为.html或者.htm,浏览器的作用是读取HTML 文档,并按照网页的形式。
3、开发工具
-
VS Code
-
Builder
-
WebStorm
-
…
3.1、Vs Code
-
新建文件(Ctrl+N)
-
并且保存为.html(Ctrl+B)
-
输入(!+Tab)自动生成网页骨架
-
利用插件,使用浏览器预览页面
3.1.1、Vs Code插件
-
汉化: Chinese (Simplified) Language Pack for Visual Studio Code
-
JS语法⽀持: VS Code JavaScript(ES6) snippets
-
语法⾼亮: Babel JavaScript
-
HTML语法⽀持: HTML Snippets
-
CSS : HTML CSS Support
-
使⽤浏览器打开: open in browser
3.1.2、Vs Code工具生成骨架标签新增代码
- 文档类型声明,作用为告诉浏览器使用哪种HTML版本来展示网页。
- 代表采用HTML5来显示网页
-
位于文档最前面
- 不是HTML标签,它是类型声明标签
- 告诉浏览器是一个英文的网站,本页面采用英文显示
-
zh-CN为 中文 中文网站
-
en 为英文 英文网站
-
- 采用UTF-8保存文字。