web前端

一·了解web前端
HTML、CSS之导学：他们是网站编辑语言，浏览器把代码解析。一个网站包含多个网页。
编辑器VS Code
chrome浏览器
深入了解网站开发
web前端三大核心技术
HTML是结构，而css是样式。
二·快捷键
ctrl + s : 保存
ctrl + a : 全选
ctrl + x : 剪切
ctrl + c : 复制
ctrl + v : 粘贴
ctrl + z : 撤销
ctrl + y : 前进
shft + end : 从头选中一行
shft + home : 从尾部选中一行
shft + alt + ⬇ ：快速复制一行
alt + ↑或↓ ：快速移动一行
tab : 向后缩进
tab + shft : 向前缩进
alt + 鼠标左键 : 多光标
ctrl + d : 选择相同元素的下一个

三·关于HTML
HTML基本结构和属性
首先需要去理解何为超文本，超文本就是由文本内容以及非文本内容包括图片，音频等

HTML初始代码

HTML中的注释

标题与段落

文本修饰标签
优点
1.在没有CSS的情况下，页面也能呈现很好的内容结构。
2.有利于SEO，让搜索引擎爬虫更好的理解网页。
3.方便其他设备解析（如屏幕阅读器、盲人阅读器等）。
4.便于团队开发与维护。
img→单标签：
属性：src：引入图片的地址
　　　alt：当图片出现问题的时候，可以显示一段友好的提示文字
　　　title：提示信息
　　　width、height：图片的大小（最好加上，为了给用户最好的体验）

图片属性

引入文件的地址路径

跳转锚点：实现一：#号，id属性
#号 + id属性（id属性是加给h标签）
实现二：#号，name属性
#号 + name属性（id属性是加给a标签）

特殊符号

四·列表标签
1.无序列表
→符合嵌套的规范
2.有序列表

1. 、
2. ：列表的最外层容器、列表项 1.有序列表用的非常少，经常用的是无序列表，无序列表可以代替有序列表。 2.type属性：改变前面标记的样式（一般都是用CSS去控制） 3，定义列表

   ：定义列表 ：定义专业术语或名词

   ：对名词进行解释和描述