第一周学习笔记

一.拨云见日

1.什么是HTML、CSS？

1.是做网站的编程语言
2.浏览器把代码解析后的样子就是我们看到的网站。
3.如何看到网站的原始代码:鼠标右键选择查看网页源代码。
4.如何写代码：创建html文件

2.VSCode编辑器

1.如何安装插件？
2学习编辑器的使用:
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.Chorme浏览器

4.深入了解网站开发

1.UI设计师：设计稿
2.web前端开发工程师（H5开发）
数据库里的数据->显示到页面
HTML+CSS
HTML：结构
CSS：样式
JavaScript：行为
web后端开发工程师

5.web三大核心技术

HTML
CSS
JavaSsript

6.HTML基本结构和属性

1.HTML：超文本 标记 语言
2.超文本：文本内容+非文本内容（图片、视频、音频等）
3.标记:<单词>
4.语言：编程语言
5.标记也叫标签:

写法分成两种; 单标签

双标签

创建标签的快捷键：单词+tab-><单词>

标签可以上下排列 ，也可以组合嵌套。
HTML常见标签:
标签属性：来修饰标签的，设置当前标签的一些功能。
<标签 属性=”值“属性2=”值2">

7.HTML初始代码

1.初始代码快捷键：！+tab
2.初始代码

8.HTML注释

写法：<！–注释的内容–> 在浏览器中看不到，只能在代码中看到注释内容。
意义:
1.把暂时不用的代码注释起来，方便以后使用。
2.对开发人员进行提示。
快捷添加注释与删除注释：
1.ctrl+/
2.shift+alt+a

9.HTML语义化

10.标题与段落

1.h标签
标题 →双标签：

…

在一个网页中，h1标题最重要 ，并且一个.html文件中只能出现一次h1标签。
h5、h6标签在网页中不经常使用。
2.p标签
段落→双标签：

11.文本修饰标签

1.<strong>:表示强调，会对文本进行加粗
2.<em>:表示强调，会对文本进行斜体
区别：1.写法和展示效果是有区别的，一个加粗、一个斜体
2.strong的强调性更强，em的强调性稍弱
下标：<sub></sub>
上标：<sup></sup>
删除文本：<del></del>
插入文本：<ins></ins>
*注：在一般情况下，删除文本都是和插入文本配合使用的。

12.图片标签

img→单标签
src：引入图片地址
alt:当图片出现问题的时候，可以显示一段友好的提示文字。
title：提示信息
width、height：图片的大小

13.引入文件的地址路径

相对路径
·在路径中表示当前路径
··在路径中表示上一级路径

14.链接标签

a→ 双标签<a></a>
href属性:链接的地址
target属性:可以改变链接打开的方式
base→单标签:改变链接的默认行为

15.跳转锚点

实现一
#号
id属性

实现二
#号
name属性

16.特殊符号

1.&+字符
2.解决冲突啊 左右尖括号 添加多个空格的实现
3.&lt；&gt；&nbsp；

16.列表标签

1.无序列表→ <ul>、<li> 符合嵌套的规范
2.有序列表 <ol>、<li>：一般用的比较少，可以用无序来实现
3.定义列表：1.<dl>:定义列表
2.<dt>：定义专业术语或名词
3.<dd>:对名词进行解释和描述
注：列表之间可以互相嵌套，形成多层级的列表