1.什么是HTML和CSS
1.是做网站的编程语言
2.浏览器把代码解析后的样式就是我们的网站
3.通过鼠标键盘选择查看网页源代码来看到网站的原始代码
HTML：结构
CSS：样式
一个网站是由N多个网页组成的。
2.编译器
VSCode
1.编译器的基本使用
ctrl +s :保存
ctrl+a:全选
ctrl+x ～c～v:剪切、复制、粘贴
ctrl+xz～y：撤销、前进
shift+end:从头选中一行
shift+home:从尾部选中一行
shiftalt+alt+↓:快速复制一行
alt + ↑～↓:快速移动一行
tab:向后缩进
tab + shift:向前缩进
alt + 鼠标左键:多光标
Ctrl + d:选择相同元素的下一个
tab + 单词 → <单词>
3、五大浏览器
1、谷歌浏览器google:以前是Webkit内核，现在是Blink内核。书写前缀—webkit—
其中Blink内核是谷歌和火狐共同开发的浏览器
2、苹果浏览器safari：Webkit内核。书写前缀—webkit—
3、IE浏览器:Trident内核。书写前缀—MS—
IE由于更新慢和trident内核的bug比较多，在很长一段时间和W3C标准脱节
4、火狐浏览器firefox：Geocko内核，也叫Firefox内核。书写前缀—MOZ—
5、欧鹏浏览器opera；最初是Presto，也加入了谷歌大军，从Webkit到Blink。书写前缀—O—
4、深入了解网站开发
职位
UI设计师：设计稿
web前端开发工程师(H5开发）：①设计稿→代码 ②数据库里的数据→显示到页面③HTML + CSSweb后端开发工程师
5、web前端的三大核心技术
HTML：结构
CSS：样式
JavaScript: 行为
6、HTML基本结构和属性
HTML：超文本 标记 语言
超文本：文本内容和非文本内容（图片、视频、音频等）
标记：<单词>
语言：编程语言
标记也叫标签：<header><footer>
标记写法分成两种：
单标签：<header>
双标签：<header></header>
标签可以上下排列，也可以组合嵌套。
HTML5常见标签：表格
标签的属性：来修饰标签的，设置当前标签的一些功能。<标签 属性="值" 属性2="值2">
7、HTML初始代码
每个.html文件都有的代码叫做初始代码，要复合html文件的规范写法。
html: 快速的创建html的初始代码
<!DOCTYPE html>文档声明：告诉浏览器这是一个html文件
<html lang="en">html文件的最外层标签：包裹着所有html标签代码 lang="en"表示一个英文网站
8、HTML注释
写法：<!-- 内容 -->
意义：1.把当下的代码注释起来方便以后用
2.对开发人员进行提示
快捷添加与删除注释
1、Ctrl + /
2、shift + alt + a
HTML语义化
根据网页中内容的结构，选择合适的HTML标签进行编写。
9、标题与段落
标题 ——>双标签：<h1></h1>...<h6></h6> 大→小 在一个.html文件中只有一个h1标签。
一个网页中h1最重要并且只有一个。h5h6用的少
段落 ——>双标签：<p></p>
10、文本修饰标签
强调 → 双标签：
<strong></strong>j加粗，强调性更强
<em></em>斜体，强调性更弱
<del></del>删除文本
<ins></ins>插入文本
11.图片标签与属性
<img>:单标签
src：图片地址
alt：图片出现问题时，显示一段文字
title：提示信息
width、height：图片的大小
12.引入文件的地址路径
1.相对路径
.在路径中表示当前路径
… 在路径中表示上一级路径
2.绝对路径
跳转链接
13.跳转标签
<a></a>双标签
href属性：链接的地址
target：可以改变链接打开的方式，默认情况下：在当前页面打开 _self;新窗口打开 _blank
<base>单标签：作用是改变链接的默认行为
14.跳转锚点
1、#号和id属性
2、#号和name属性<a>
15.特殊符号
1.＆+字符
2.解决冲突、左右括号、添加多个符合实现
3.＆it;＆gt;＆hbsp
16.列表标签
1、无序列表
<ul> <li> 符合嵌套规范，他们之间不能有其他标签 type属性:改变前面标记的样式样式
2、有序列表
<ol>,<li>:列表的最外层容器、列表项
3、定义列表
<dl>：定义列表
<dt>：定义专业术语或名词
<dd>：对名词进解释和描述
1740
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
