目标:能够独立完成pc端和移动端的网页布局
笔记均来自尚硅谷：http://www.atguigu.com/，记录，加深印象。
每个知识点都需要勤加练习，每天进步一点点，共勉。
-
什么web?
Web是一个简写, world wide web 万维网,广域网,互联网
我们可以理解web就是网站 -
什么是网站和网页?
网站是多个网页和其他文件组成的 -
什么是web的前端和后端?
-
前端要掌握的技术?
html css javascript
-
网页的组成
html: 文本 按钮 输入框 图片 超链接 音频 视频…
css: 对网页进行装饰
Js: 网页的动态效果 -
浏览器
ie: trident内核
Firefox: 火狐 gecko内核
opear: webkit 内核
safari: webkit 内核
chrome: webkit内核一个分支blink内核
在学习和工作时,都用chrome
-
Web标准
结构: html
表现: css
行为: javascript
是由w3c(万维网联盟组织)组织制定的 -
开发工具
8.1.
Hbuilder基本使用
8.2. 创建项目
8.2.1. 第一种方式
8.2.2. 第二种方式
将项目文件夹直接拖拽到项目管理器中
8.2.3. 第三种方式
8.3. 移除项目
从项目管理器中移除,本地硬盘还是有的
- html简介
html5是一个新的html版本,新增了一些标签和功能,适用于高级浏览器
H5专业是一个泛指,指的就是移动端的意思
-
html基本标签
<!DOCTYPE html>文档类型的声明,让浏览器按照相应版本的html进行解析
html:网页的根标签,所有其它的标签都被包含
head:头部标签,关于网页的一些配置信息
<meta charset=“utf-8”>:字符集设置或者叫编码设置
title:标题标签
body: 主体标签,所有在浏览器中显示的其他的内容和标签都被包含 -
seo搜索引擎优化
让爬虫搜索到的关键词和描述信息 -
标签的类型
双标签: 有开始有闭合.例如:
单标签(自结束标签). 例如: -
标签的关系
嵌套关系: 包好关系,是祖先和后代之间的关系
并列关系: 同级关系,是兄弟之间的关系 -
html常用标签
h1-h6: 标题标签
hr:水平线标签
p: 段落标签
br:换行标签
-
图片标签
-
路径
16.1 相对路径
16.1.1 同级相对路径
16.1.2 下一级相对路径
16.1.3. 上一级相对路径
16.2 绝对路径
小结：这里老师使用的是HBuilder，但是后面还是需要换成主流的VSCode，所以我就直接使用VSCode了。
在这里再推荐一个前端学习网站：（千古前端）https://web.qianguyihao.com/
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
