黑马前端入门学习笔记Day1

1. Web标准构成：主要包括结构（HTML，最重要）、表现（CSS）和行为（JS）。

2. HTML语法规范：大部分双标签，单标签
、

3. VSCode工具

①  !+Tab  快速生成页面骨架（英文下的!）

②  Live Server插件实时预览页面

③  shift+alt+上箭头（下箭头）复制一行

④  ctrl+d  选定多个相同数位单词

⑤  ctrl+alt+下箭头（上箭头）添加多个光标

⑥  ctrl+h  查找替换

⑦  ctrl+g  快速定位到某一行

⑧  shift+alt  选择某个区块

⑨  ctrl+/  注释

4. 开发工具自动生成的代码含义

①    文档类型声明标签，页面采取html5版本

②    定义当前文档显示的语言，本页面采取中文显示

③    必须写，采取UTF-8来保存文字

5. HTML常用标签

①  标题标签

-

，head缩写，加粗占一行

②  段落标签

，根据浏览器宽度自动适配，段落之前留有空袭

③  换行标签
，强制换行

④  文本格式化标签：或加粗，或倾斜，或删除线，或下划线

⑤ 

和  盒子，没有语义；div独占一行，span一行可以有多个

 ⑥  图像标签和路径    src图片路径（必须属性），alt替换文本，title提示文本，width和height用一个就行，border设置边框粗细

6. 相对路径：①同一级路径，直接写文件名  ②下一级路径(/)，文件夹/文件名  ③上一级路径(../)

绝对路径：从盘符开始，直接到达目标位置；或完整的网络地址

7. 超链接标签  文本或图像  href必须属性；target属性，默认_self当前窗口打开页面，_blank新窗口打开页面

①外部链接   ②内部链接   ③空链接(#)   

④下载链接：地址链接是文件.exe或者zip等压缩包形式

⑤网页元素链接   

⑥锚点链接(快速定位页面中的某个位置)：href属性=#名字，目标标签写上 id=名字

8. 特殊字符：①空格符   ②小于号<  ③大于号>