HTML语法规则
HTML 标签是由尖括号包围的关键词,例如 HTML 标签通常是成对出现的,例如 和 ,我们称为**双标签** 标签对中的第一个标签是开始标签,第二个标签是结束标签 ;
标签的关系
双标签关系可以分为两类:包含关系和并列关系
包含标签:
<head>
<title> </title>
</head>"
并列关系:
<head> </head>
<body> </body>
”基本结构标签
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写
<html></html>页面中最大的标签,又称跟根标签
<head></head>头部标签,必须设置title
<title></title>文档的标题,网页的名字
<body></body>文档的主体,页面的骨架内容几乎都写在body里
html的骨架
<html>
<head>
头部
<title>标题</title>
</head>
<body>内容</body>
</html>
开发工具
前端工程师的开发工具有很多,Dreamweaver,Visual Studio Code,就连记事本都可以改个后缀名使用,但是我们肯定要选一个功能比较强大的开发工具来帮助我们战斗,这里我用的是Visual Studio Code,功能非常强大且比较前卫,以后我也会基于Visual Studio Code来进行讲解;可以在网上下载并大致阅读下操作步骤即可上手,最重要的是免费!!!
进入Visual Studio Code后新建一个后缀名为.html的文件,然后英文输入法下感叹号回车就会生成一个骨架:
<!DOCTYPE html>
文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面
<html lang="en">
lang 语言种类
用来定义当前文档显示的语言;
en定义语言为英语
zh-CN定义语言为中文
简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页
其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的
<head>
<meta charset="UTF-8">
字符集 (Character set)是多个字符的集合;以便计算机能够识别和存储各种文字;
在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码;
harset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符;
上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成 "utf8" 或 "UTF8"
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这些后期会讲
<title>Document</title>
</head>
<body>
</body>
</html>