一.HTML
1.语法规范
1.1基本语法概述
- 由尖括号包围关键词 <html>
- 大部分成对存在 <html> </html> 双标签
- 特殊标签必须是单标签 <br />
1.2标签关系
包含(父子)关系:
<head>
<title></title>
</head>
并列(兄弟 )关系:
<html>
<head></head>
<body></body>
</html>
2.基本结构标签
2.1第一个HTML网页
每个页面都有一个基本的结构标签(骨架标签),页面内容在基本标签上书写。
<html>
<head>
<title>第一个页面</title>
</head>
<body>
键盘敲烂,工资过万
</body>
</html>
注意:后缀名必须是.html或.htm
效果:
2.2基本结构标签总结
2.3开发工具
2.4快捷键
- 快速复制某一行 : shift +alt+下箭头
- 选中多个相同的词:ctrl+d
- 添加多个光标:ctrl+alt+箭头(上/下)
- 全局替换某个单词:ctrl+h
- 快速跳到某一行:ctrl+g
- 选择某个区块:shift+alt
- 放大/缩小:ctrl+/-
3.网页开发工具
VSCode的使用:
- 双击打开软件
- 新建文件(Ctrl+N)
- 保存(Ctrl+S),注意要保存为.html文件
- Ctrl+加号键,Ctrl+减号键 可以放大缩小视图
- 生成页面骨架结构。 输入!(英文状态下)按下Tab键
3.1文档类型声明标签
<!DOCTYPE>:告诉浏览器HTML版本
<!DOCTYPE html>
这句代码的意思是:当前页面采取的是HTML5版本显示网页
- 写到第一行(自动生成)
- <!DOCTYPE>不是html标签 是文档类型声明标签
3.2lang语言种类
用来定义当前文档的显示语言
- 1.en定义语言为英语 (英文网站)
- 2.zh-CN定义语言为中文 (中文网页)
对于文档显示 不管选择什么语言都能正常显示
3.3字符集
字符集十多个字符的集合,以便计算机能够识别和存储各种文字
- 在<head>标签内,可以通过<meta>标签的<charset>属性来规定HTML文档应该使用哪种字符编码。
<meta charset="UTF-8">
charst常用的值:GB2312、BIG5、GBK、和UTF-8,其中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。