【第一周笔记001~020集】

一： 第1集

1.HTML·CSS系列导学

如何学好web前端 （感兴趣、够努力）

二.第2集

1.什么是HTML和CSS

1.1做网站的编程语言
   代码由浏览器解析后形成网站，可在网页中点击网页源代码查看源代码
   一个网站是由N多个网页组成的，每一个网页是 .html文件。（html框架，css装修）
1.2如何创建.html文件：在目录中右击点新建文本文档，重命名为（01-demo html）
1.3如何打开html文件：右击，选择打开方式，点记事本
1.4如何看到效果：拖拽或双击图标到浏览器

具体含义

三：第3集

1.VS Code编辑器

1.1基本使用

创建文件、创建文件夹、重命名和删除
快捷键

四：第4集

1.chrome浏览器

谷歌浏览器市场份额占比大

五：第5集

1.深入了解网站开发

• UI设计师：提供设计稿（图片）

• web前端开发工程师：
  设计稿——代码
  数据库里的数据——显示到页面
  HTML(结构）+CSS（样式）

• web后端开发工程师：管理数据

六：第6集

1.web前端三大核心技术

• HTML 结构
• CSS 样式
• JavaScript 行为（和用户的交互）

七：第7集

1.HTML（超文本标记语言）基本结构和属性

1.1结构

超文本：文本+非文本（图片、视频、音频等）
标记：<单词>
语言：编程语言

• 标记（签） ：
• 单标签 < header >
  双标签< header >< /header >
  创建标签的快捷键：单词+tab键——<单词>
• 标签是可以上下排列，也可以是组合嵌套。
• 标签属性
  修饰标签，设置当前标签的一些功能
  <标签 属性=“值” 属性2=“值2”…>

八.第8集

1.HTML初始代码

定义：每个.html都有的代码
! + tab键 快速地创建html的初始代码

九：第9集

1.HTML中的注释

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

十.第10集

1.HTML语义化

根据网页中内容的结构，选择合适的html标签进行编写

选择书签拖拽到书签栏

十一.第11集

1.标题与段落

标题：双标签
在一个网页中，h1标题最重要，一个.html文件中只能出现一次h1标签
段落：双标签

十二.第12集

1.文本修饰标签

强调：双标签， <strong> </strong>:加粗，强调性更强   <em> </em>:斜体，强调性稍弱（双标签）
上下标：<sup> </sup>     <sub> </sub>  (双标签)
例：a<sup> 2</sup>  +b<sup>2 </sup>=c<sup>2 </sup>    H <sub>2 </sub>O
删除/插入文本：<del> </del>     <ins> </ins>(双标签)

十三.第13集

1.图片标签与属性

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

十四.第14集

1.引入文件的地址路径

相对路径/绝对路径
（尽量不用反斜线）

十五.第15集

1.跳转链接

1.1 a——双标签

herf属性：链接的地址
target属性：改变链接打开方式 当前页面打开_self  新窗口打开_blank

1.2 base——单标签：改变链接的默认行为

十六.第16集

1.跳转锚点

1.#号 + id属性
2.#号 + name属性（a标签）

十七.第17集

1.特殊符号

十八.第18、19、20集

 *1.无序列表*——ul li  符合嵌套的规范

 *2.有序列表*—— ol  li  一般用的比较少，可以用无序列表来实现

 *3.定义列表*—— dl  dt  dd 列表项需要添加标题和对标题进行描述的内容