20200524前端学习笔记

0525前端第一天笔记

1. 什么是web
Web是一个简写, world wide web,万维网,广域网,互联网
Web我们可以理解就是网站
2. 什么是网站和网页
网站是由多个网页和其他文件组成的

3. 什么是网站的前端和后端


4. web前端需要学习的技术
html css javascript

5. 网页所对应的三个技术
html: 文本,按钮,超链接,图片,音频,视频…(在网页中是真实存在的,是占位置的)
css:给网页起装饰作用的
javascript:网页中的动态效果(用户和网页之间的交互)

6.浏览器

浏览器的内核: 内核分为渲染内核(相当于汽车的发动机),js引擎
ie: trident内核
firefox: gecko 内核
opear: webkit 内核
Safari: webkit 内核
Chrome: webkit(分支blink内核)内核
无论在学习阶段和工作阶段我们都尽量用chrome浏览器

7. Web标准

结构: html
表现: css
行为:Javascript
是由w3c组织(万维网联盟组织)制定的

8. 开发工具
   

hbuilder的使用

1.创建项目
第一种方式：

第二种方式（个人习惯使用这一种）：

第三种：
直接将项目文件夹拖到项目管理器中

2.移除项目

HTML简介

1.基本标签

关键词 描述信息 title:标题标签,修改选项卡中的文本 body: 主体标签,包含所有其他显示的标签 h1-h6: 六级标题 : 注释标签 hr: 水平线标签 p:段落标签 br:换行标签 font:文本标签 文本标签

标签的类型

双标签: 有开始有结束 例如:
单标签(自结束): 在开始中结束 例如: 或者

标签的关系

嵌套关系: 包含关系,祖先和后代之间关系. 例如:
并列关系:平级关系,兄弟之间关系. 例如:
注意: 嵌套标签加缩进,并列对齐

快捷键

标签语义化：
在结构中用合理的标签进行布局,在没有任何一行样式的情况下,结构依然清晰

图片标签(插入图标签)

路径

相对路径

1. 同级相对路径

**2.**下一级相对路径

**3.**上一级相对路径

注意:

**4.**绝对路径

超链接

1.超链接跳转

2.锚点链接

插入图与背景图的区别

列表

1.无序列表

**2.**有序列表

**3.**自定义列表

特殊字符

表格