HTML5基础：主要学习无兼容的HTML标签。
CSS3基础：学习CSS样式，利用标签完成PC端网页布局。
H5C3提高：
项目-品优购电商网站：从实际开发，制作品优购电商网站，完成首页，列表页，注册页制作。 目的：学习网页制作实际开发制作流程规范。
网页概念：网站中的一页，通常是HTML格式的文件，通过浏览器来阅读。
网页是构成网站的基本元素，通常由图片，文字，声音，视频等元素组成。网页常见以htm或html后缀结尾的文件，俗称为HTML文件。
.HTML是超文本标记语言，不是编程语言。
常用浏览器：IE,火狐，谷歌，safari，opera等。
Web标准：
结构：用于对网页元素进行整理和分类，即HTML。
表现：用于设置网页元素的版式，颜色，大小等外观样式，即css
行为：是指网页模型的定义及交互编写，即JavaScript。
目录
HTML语法规范
HTML基本结构标签
开发工具
HTML常用标签
HTML中的注释和特殊字符
HTML语法规范
1.1基本语法概述
1.HTML标签是由尖括号包围的关键字，例如
2.HTML标签通常成对出现，例如，(开始标签）和（结束标签）
3.特殊标签为单标签，例如
1.2标签关系
：包含关系和并列关系。
包含关系：
<head>
<title></title>
</head>
并列关系：
<head> </head>
<body> </body>
HTML基本结构标签
2.1第一个HTML网页
每个网页都会有一个基本结构标签，页面内容也是这些基本标签上书写的。
<html> （根标签）
<head> （文档的头部）（head标签必须设置title标签）
<title>我的第一个页面</title> （文档的标题）
</head>
<body>
你我之间，黑马洗练，月薪过万，一飞冲天
</body>
</html >
网页开发工具
vscode的使用
1.打开软件
2.新建文件（CTRL+N）
3.保存（ctrl+S），注意移动要保存为.html文件
4.Ctrl+加括号，ctrl+减括号 可以放大缩小视图
5.生成页面骨架（！+tap）
VSCode工具生成骨架标签新增代码
1.标签
2.Lang语言
3.Charset字符集
| 表头 | 表头 |
|---|---|
| 单元格 | 单元格 |
| 单元格 | 单元格 |
3.1文档类型声明标签
<！DOCTYPE html>文档
这句代码的意思是：当前页面采取的是HTML5版本来显示网页
3.2lang语言种类
用来定义当前文档显示的语言
1.en定义语言为英语
2.zh-CN定义语言为中文
简单来说，定义为en就是英文网站，定义为zh-CN就是中文网页
3.3字符集
字符集（Charter set)多个字符的集合。以便计算机能够识别和储存各种文字。
在标签中，可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
<meta chartset="UTF-8" />
chartset常用的值有：GB2312,BIG5,GBK,和TUF-8,其中UTF-8也被称为万国码，基本包含了全世界所有国家需要用到的字符。
注意：上面语法是必须要写代码的，否则可能引起乱码的情况。一般情况下，统一使用“UTF-8"编码。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我利用vscode创建的第一个页面</title>
</head>
<body>
写代码是一件非常快乐的事情
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
