尚硅谷前端htmlcss笔记.pdfVIP

尚硅谷web前端HTML5+CSS3

目标:能够独立完成pc端和移动端的网页布

局

1.上课方式

老刘授课,敲代码,大家练习

2.建议

1.不要和早退

2.不要请事假

3.上课上墙

4.不要打游戏

5.课上认真听

6.课上要积极互动

7.不能说话

8.选择性的记笔记

3.作息

8:20进班

8:25读单词

8:35复习或者考试

9:00第一节课

9:45休息

10:00第二节课

10:45休息

11:00第三节课

12:00午休

13:45

14:00第四节课

14:45休息

15:00第五节课

15:45休息

16:00第六节课

17:00下课

18:00晚自习

21:30回家

4.什么web?

Web是一个简写,worldwideweb网,广域网,互联网

我们可以理解web就是

5.什么是和网页?

是多个网页和其他文件组成的

6.什么是web的前端和后端?

7.前端要掌握的技术?

htmlcssjavascript

8.网页的组成

html:文本按钮输入框超音频

css:对网页进行装饰

Js:网页的动态效果

9.浏览器

ie:trident内核

Firefox:火狐gecko内核

opear:webkit内核

safari:webkit内核

chrome:webkit内核一个分支blink内核

在学习和工作时,都用chrome

10.Web标准

结构:html

表现:css

行为:javascript

是由w3c(网组织)组织制定的

11.开发工具

\

11.1.Hbuilder基本使用

11.2.创建项目

11.2.1.第式

11.2.2.第二种方式

将项目文件夹直接拖拽到项目管理器中

11.2.3.第三种方式

11.3.移除项目

从项目管理器中移除,本地硬盘还是有的

12.html简介

html5是一个新的html版本,新增了一些和功能,适用于高级浏览器

H5专业是一个泛指,指的就是移动端的意思

13.html基本

!DOCTYPEhtml文档类型的,让浏览器按照相应版本的html进行解析

html:网页的根,所有其它的都被包含

head:头部,关于网页的一些配置信息

metacharset=utf-8:字符集设置或者叫编码设置

title:标题

body:主体,所有在浏览器中显示的其他的内容和都被包含

14.seo搜索引擎优化

让爬虫搜索到的和描述信息

15.的类型

双:有开始有闭合.例如:html/html

单(自结束).例如:meta

16.的关系

嵌套关系:包好关系,是祖先和后代之间的关系

并列关系:同级关系,是兄弟之间的关系

17.html常用

h1-h6:标题

hr:水平线

p:段落

br:换行

!--注释信息快捷键:ctrl+/--

18.

19.路径

19.1.相对路径

19.1.1.同级相对路径

19.1.2.下一级相对路径

19.1.3.上一级相对路径

19.2.绝对路径

20.超

20.1.空

20.2.

21.图和背景图的区别

22.列表

22.1.无序列表

22.2.有序列表

22.3.