@你必须知道的一些Web的基础知识
1、Web标准
1.1 Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C(万维网联盟)是国际最著名的标准化组织。
1.2 Web标准的构成:
结构:结构用于对网页元素进行整理和分类,现阶段主要学的是HTML
表现:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指CSS
行为:行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript
Web标准提出的最佳体验方案:结构、样式、行为相分离。即结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。
2、VsCode的使用
2.1 新建文件 (Ctrl +N)
2.2 保存文件 (Ctrl +S)
2.3 Ctrl +加号键,Ctrl +减号键 可以放大缩小视图
2.4 生成页面骨架结构:输入!按Tab键或者Enter键
3、lang语言种类
用来定义当前文档显示的语言:en定义语言为英语(英文网页)、zh-CN定义语言为中文(中文网页)
4、HTML标签
4.1 标题标签h1==>h6,逐级减小、自动换行、自动加粗
4.2 加粗
倾斜
删除线
下划线
4.3 div,span标签用来进行网页布局
4.4 路径
① 相对路径
同一级(html页面和图片在一个文件夹内)路径:直接写图片名
<img src="01.jpg" >
下一级(放图片的文件夹和html页面在同一个文件夹)路径:图片文件夹名/图片名
下一级符号:/
上一级(放html页面的文件夹和图片在同一个文件夹)路径: …/图片名
返回上一级符号:…/
<img src="image/02.jpg" alt="">
② 绝对路径 (了解)
符号:
在文件夹上方的磁盘上直接复制
网络上的地址直接用,比如 百度等
4.5 超链接
属性:href :制定链接目标的url地址
target: 指定链接页面的打开方式:_self:默认值,在本窗口内打开;
_blank:在新窗口中打开
分类:外部链接: http://www.baidu.com
内部链接:目录文件夹内的两个页面相互跳转
空连接:href=”#”
下载链接:地址链接的是文件 .exe或者是 .zip等压缩包形式
网页元素的链接:比如给图片、视频、音频都可以加链接(在a标签里直接加图片、视频等标签)
4.6 注释:
快捷键:ctrl+ /
4.7 特殊字符
空格: 
小于号:<
大于号:>