一、建立站点--建立一个项目
二、必须写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:可以保存丰富多彩的颜色,支持透明,不支持动画,无损压缩,占用空间大