一、网页的组成
网页由文字、图片、输入框、视频、音频、超链接等组成。
二、html，css，js的区别
Html 结构标准 相当于人的身体，只有架构 有结构
Css 表现标准 相当与给人化妆 变的更漂亮 有衣服
Js 行为标准 相当于人在唱歌，页面更灵动 动起来
三、常用浏览器
1.IE 火狐 谷歌 猎豹 Safari opera
2.浏览器内核 ：也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容，即浏览器的
格式信息（浏览器的兼容性问题）
trident blink gecko webkit
四、浏览器和服务器之间的关系
浏览器通过http协议向服务器发送报文，服务器通过解析之后，响应报文，返回给浏览器。
五、常用快捷键
Ctrl+c 复制
Ctrl+v 粘贴
Ctrl+s 保存
ctrl+x 剪切
ctrl+z 撤销一步
windows+d 返回桌面
windows+e 打开我的电脑
windows+r 打开运行
alt+tab 切换软件
ctrl+tab 软件文档之间的切换
f2 重命名
f5 刷新页面（制作网页的时候经常用）
六、HTML
1. html ( Hyper text markup language )
超文本标记语言。
超文本：超链接。（实现页面跳转）
2.html结构标准
< ! doctype html> 声明文档类型
<html> 根标签
<head> 头标签
<title></title> 标题标签
</head>
<body> 主体标签
</body>
</html>
3.html和htm的区别
Html 与htm是一样的。
注： 后缀名不能决定文件格式，只能决定打开文件打开的方式。
4、Html标签关系分类
包含（嵌套关系） <head><title></title></head> 父子
并列关系 <head></head><body></body> 兄弟姐妹
5、html开发工具
Dw 历史悠久，设计师使用。
Sublime 轻量级 有很多好用的插件。
Webstorm 重量级 太过智能。
6、html中常用的快捷键
Html:xt+tab html结构代码 （！+tab）h5结构代码
tab 补全标签代码
Ctrl+shift+d 快速复制一行
Ctrl+shiif+k 快速删除一行
Ctrl+鼠标左键单击 集体输入
Ctrl+h 查找替换
Ctrl+f 查找
Ctrl+/ 注释
Ctrl+L 快速选择一行
Ctrl+shift+↑（↓） 快速上移（下移）一行
F11 全屏
7、html中的标签
- 单标签
注释标签 ctrl+/
换行标签 <br />
水平线标签 <hr />
- 双标签
段落标签 <p>文本内容</p>
特点：上下自动生成空白行。<br>换行不会生成空白行。
标题标签 h1-h6 取值到h6
h1 在一个页面里只能出现一次
文本标签 <font>文本内容</font>
文本格式化标签：
文本加粗标签 <strong></strong> <b></b> 工作里尽量使用strong，更有语义化 （下同）
文本倾斜标签 <em></em> <i></i> 工作里尽量使用em
删除线标签 <del></del> <s></s> 工作里尽量使用del
下划线标签 <ins></ins> <u></u> 工作里尽量ins
图片标签
<img src="1.jpg" alt="林俊杰" title="我的男神" width="300" height="200"/>Src 图片的来源 必写属性
Alt 替换文本 图片不显示的时候显示的文字
Title 提示文本 鼠标放到图片上显示的文字
Width 图片宽度
Height 图片高度
图片没有定义宽高的时候，图片按照百分之百比例显示，如果只更改图片的宽度或者高度，图片等比例缩放。
8、路径
- 相对路径
相对于文件自身出发，就是相对路径。
<img src="林俊杰/1.jpg"/>文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。
<img src="1.jpg"/>图片在文件的下一级目录里，文件名+图片名
<img src="林俊杰/1.jpg"/> 图片（html）在文件的上一级目录里，..+/+图片（html）名称
<img src="../1.jpg"/>图片在文件的上一级的其他目录里，../文件夹名称/图片名称
<img src="../周杰伦/1.jpg"/>总结：找到下一级目录（文件夹）的图片（文件）用 /
跳出当前目录使用../
- 绝对路径
电脑上的绝对路径，地址从自己的电脑上出发，工作中不使用。
9、超链接
- 超链接标签：
<a href="success.html" title="图片标签" target="_self">跳转<a/>href 去往的路径（跳转的页面） 必写属性
title 提示文本 鼠标放到链接上显示的文字
target=”_self” 默认值 在自身页面打开（关闭自身页面，打开链接页面）
Target=”_blank” 打开新页面 （自身页面不关闭，打开一个新的链接页面）
- 锚链接
先定义一个锚点
<p id="sd"> sd为随便写的，可以设置为其他的
超链接到锚点
<a href="#sd">回到顶部<a/>空链 不知道链接到那个页面的时候，用空链
<a href="#">这里是空链<a/>压缩文件下载 不推荐使用
<a href="../../学习.rar">压缩包下载</a>10、列表
- 无序列表
<ul type="cycle">
<li></li> 列表项
<li></li>
<li></li>
</ul>
属性： type=”square” 小方块
Type=”disc” 实心小圆圈
Type=”circle” 空心小圆圈
- 有序列表
<ol type="1" start="3">
<li></li> 列表项
<li></li>
<li></li>
</ol>
属性：type=”1,a,A,i,I” type 的值可以为 1,a,A,i,Istart=”3” 决定了开始的位置。
- 自定义列表
<dl>
<dt></dt> 小标题
<dd></dd> 解释标题
<dd></dd> 解释标题
</dl>
11、html中的音乐标签
<embed src="小酒窝.mp3" hidden="true"/>来源：oschina
链接：https://my.oschina.net/u/4312499/blog/4470169