一、建立站点－－建立一个项目

二、必须写html的基本结构

起到一些有功能的代码（css\js\后台程序） 在浏览器中不需要显示的内容

在浏览器中需要显示的内容

三、学习html中常用的标签

1、h标签  双标签   总共6个

今天天气很好啊！

2、段落标签   双标签

3、html的注释

4、空格  

5、三种列表标签

无序列表

列表项

列表项

列表项

列表项

有序列表

列表项

列表项

列表项

列表项

定义列表

定义项

描述项

6、插入图片  单标签

7、加粗:strong  b   双标签

8、倾斜：em     i 双标签

9、没有中文含义: span 双标签

10、区块：div

11、水平线：（表示标题的结束）

---

 单标签

12、换行标签：

单标签

13、超链接标签:需要链接的内容(文本/图片)

文件： word文档、ppt、excel;html文件 、压缩文件、图片、音视、视频

相对路径(文件与文件之间的关系)

1：如果文件在同一个文件夹下面时   直接写文件的名字就可以了

2：如果一个文件在文件夹里面，一个文件在文件夹的外面的;     文件夹的名称/文件的名称

3：两个文件在不同的文件夹里面;   ../文件夹的名称/文件的名称

绝对路径

本地电脑的绝对路径的写法:

E:\教学资料\1JavaScript基础\第10节课--BOM\demo\img\timg1.jpg

网络的绝对路径

http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js

14、时间标签：时间   时间Html5新增

总结：

块级元素（大标签/大盒子）

h1-h6

p

div

ul li

ol li

dl dt dd

行内元素(小标签/小盒子)

strong

b

em

i

span

time

a

行内块级元素

img

photoshop基本使用

1、ctrl+r: 显示标尺

2、f8： 显示信息

3、双击放大镜：100%显示

4、双击抓手:最佳显示

5、空格键：移动

6、截图的顺序:画好选区--调整选区(右击--变换选区)--ctrl+c(复制)--ctrl+n(新建)--ctrl+v(粘贴)--ctrl+s(保存)

gif: 不能保存丰富多彩的颜色，只能保存256种颜色，支持透明，支持动画，有损压缩，图片占用空间小，图标

jpg(jpeg):可以保存丰富多彩的颜色，不支持透明，不支持动画，有损压缩。 风景 人物  大图片

png:可以保存丰富多彩的颜色，支持透明，不支持动画，无损压缩，占用空间大