前端HTML学习笔记总结一

1.网站=网页的集合，点击某个东西就可以跳转到其他页面

2.网页=HTML用来展示页面，用浏览器打开就出来了

3.常用浏览器：但谷歌浏览器用的最多

4.web标准构成：

HTML：结构，对页面元素进行整理分类

css：表现，设置页面元素的外观条件，比如宽高，颜色大小

JavaScript：行为，网页的交互

5.建议使用的软件：

vscode：安装插件很方便，生成页面骨架直接！+tab键

浏览器浏览页面右键---单击open in default browser 

6.vscode安装常用插件：直接搜索就行，一般安装完重启就能起效

1）英文翻译中文

2）自动补全代码

3）设置颜色主题

4）点击管理---选择设置---用户---文本编辑---正在格式化---勾选前面两个

5）打开浏览器的插件

6）前端必须的插件很好用，不需要刷新页面，浏览器直接跟着变化

7）文件显示图标，更好区分是哪种文件

8）自动翻译代码中不会的单词，还会发音

7.vscode常用快捷键：提高开发效率

1）shift+alt+向下箭头：快速复制多行

2）Ctrl+D：选中多个相同的单词，一次性改

3）Ctrl+alt+上箭头或者下箭头：选中多个光标，再打字所有行都能打出来

4）Ctrl+h：把某个单词的全部都替换成其他

5）Ctrl+g：快速定位到某一行，（：+行数）

6）shift+alt+拖动鼠标：选择某个区块

8.常用标签：文字放在标签里面就能达到效果

9.盒子标签：很常用，没语义，放内容的，可以嵌套使用

<div></div>：大盒子，独占一行

<span></span>：小盒子，一行可以放多个

10.图片标签：

<img src=" 路径" alt=" 图片显示不出来的时候用文字替换" title="鼠标放在图片有文字提示"/>

路径一般放在image文件夹，在同一个大文件下，属性之间空格隔开，宽高一般只改一个就好，不然会畸变