web前端从学习到学废
了解web前端
1.什么是HTML、CSS？
是做网站的编程语言。
浏览器把代码解析后的样子就是我们看到的网站，如何看到网站的原始代码呢？通过鼠标右键选择查看网页源代码
如何去写代码？写到哪里呢？
一个网站是由N多个网页组成的。 每一个网页 .html文件
如一部电视剧，40集。 .mp4文件
2.VSCode编辑器。
VS code下载地址：https://code.visualstudio.com/
如何安装插件？ 语言包、open in browser、view in browser
学习编辑器基本使用?
设置：文件->首选项->设置 (大小、是否换行 word wrap)
创建文件、创建文件夹、重命名和删除
ctrl + s:保存
ctrl + a全选
ctrl + x、ctrl + c、ctrl + v：复剪切、复制、粘贴
ctrl + z、ctrl + y:撤销、前进
shift + end:从头选中一行
shift + home:从尾部选中一行
shift + alt + ↓：快速复制一行
alt + ↑或↓：快速移动一行
tab：向后缩进
tab + shift ：向前缩进
多光标：alt + 鼠标左键
ctrl + d:选择相同元素的下一个
3.chrome浏览器
下载地址：https://www.google.cn/intl/zh-CN/chrome/
深入了解网站开发
UI设计师：设计稿
web前端开发工程师：（H5开发）
设计稿->代码
数据库里的数据->显示到页面
HTML + CSS
HTML：结构
CSS：样式
web后端开发工程师
web三大核心技术
HTML
CSS
JavaScript
HTML的一些基本内容
6.HTML基本结构和属性
HTML:超文本 标记 语言
超文本：文本内容+非文本内容（图片、视频、音频等）
标记：<单词>
语言：编程语言
标记也叫标签：
标签是可以上下排列的，也可以组合嵌套。
HTML常见标签：http://www.html5star.com/manual/html5label-meaning/
标签的属性：来修饰标签的，设置当前标签的一些功能。
<标签 属性=“值” 属性2=“值2”>
7.HTML初始代码
每个.html文件都有的代码叫做初始代码，要符合html文件的规范写法。
!+tab键：快速创建html初始代码。
文档声明：告诉浏览器这是一个html文件 html文件的最外层标签 "lang"="en、zh-CN"表示是一个英文/中文网站 元信息：是编写网页中的一些赋值信息<title>Document</title>
8.HTML注释
写法：<–注释的内容–> 在浏览器中看不到，只能在代码中看到注释的内容。
意义：
1.把暂时不用的代码注释起来，方便以后使用。
2.对开发人员进行提示。
快捷添加与删除注释：
1.ctrl+/
2.shift+alt+a
9.标题与段落
标题 title 双标签：<h1></h1>...<h6></h6>
在一个网页中，h1标题最重要，并且一个.html文件中只能出现一次h1标签。
h5、h6标签在网页中不经常使用。
段落->双标签：<p></p>
10.文本修饰标签
强调->双标签：<strong></strong>、<em></em>
区别：
1.写法和展示效果有区别，一个加粗一个斜体。
2.strong的强调性稍强，em的强调性稍弱。
下标
上标
删除文本:
插入文本:
注：一般情况下，删除文本都是和插入文本配合使用的。
11.图片标签
img->单标签
src:引入图片的地址。
alt:当图片出现问题的时候，可以显示一段友好的提示文字。
title:提示信息
width、height:图片的大小
12.路径的引入
相对路径
绝对路径
13.链接标签
a->双标签 <a></a>
href属性：连接的地址
target属性:可以改变链接打开的方式，默认情况下：在当前页面打开 _self 新窗口打开 _blank
base->单标签：作用就是改变链接的默认行为的。
14.锚点
两种做法
1.#号+id属性
2.#号+name属性（注意name属性加给的是a标签）
15.特殊字符
1.&+字符
2.解决冲突啊 左右尖括号、添加多个空格的实现
3.<>
16.列表标签
1.无序列表-> ul li 符合嵌套的规范
type属性：改变前面标记的样式（一般用CSS控制）
https://www.w3school.com.cn/tags/att_ul_type.asp
2.有序列表-> ol li 一般用的比较少，可以用无序列表来实现
3.定义列表-> dl dt dd 列表项需要添加标题和对标题进行描述的内容