认识前端：
前端将效果图生成网页，利用html+css+js（nodeJS）等技术。
pc端 移动端
解决用户体验
认识网页：
网页由文字，图片，输入框，视频，音频，超链接等组成。
web标准：由W3C（万维网联盟）规定。html结构标准，css表现标准，js行为标准
浏览器：上网客户端，常见主流：IE（trident），火狐（gecko），谷歌/opera(blink)，猎豹，safari（webkit）。
浏览器内核：渲染引擎，导致打开效果不一样。
兼容性：把网页效果在各个浏览器显示一样。（渲染引擎是兼容性根本原因）
机房：机柜(内含服务器)全天运算。服务器提供数据。恒温恒湿。浏览器访问服务器数据。
URL地址：网址。域名不包括3w。http默认主机是www，默认端口号：80.
认识html：hyper text markup language超文本标记语言
超文本（超链接）：页面跳转。
html结构标准：
<!doctype html> 声明文档类型：渲染内核解析html
<html> 跟标签
<head> <title>标题标签</title> </head> 头标签
<body></body> 主题标签
</html> html与htm是一样的。
后缀名不能决定文件格式，只能决定文件打开方式。
html标签分类：单标签：<hr/>； 双标签：<a></a>
html标签关系分类：包含（嵌套关系）--父子，并列--兄弟
html开发工具：DW，sublime（轻量级多好用插件），webStore（重量级太多智能）
sublime常用快捷键：
新建文件，打开文件，打开文件夹，ctrl+s保存，
结构代码: html：xt +tab键
补全标签代码：tab键
快速复制一行： ctrl+shift+d
快速删除一行： ctrl+shift+k
集体输入： ctrl+鼠标左键单击
查找替换： ctrl+h
查找： ctrl+f
注释： ctrl+/
快速选中一行： ctrl+L
快速上下移动一行： ctrl+shift+↑或↓
绝对路径：不常用
电脑上的绝对路径（盘出发）
互联网的绝对路径
超链接：实现页面跳转
<a href=''去往路径'' title=“提示文本（鼠标放到链接上显示文本）” target=“控制页面打开方式”>文本</a>
target=“_blank”新窗口打开（自身页面不关闭，打开新链接页面）
target=“_self”默认值。在自身页面打开（关闭自身页面，打开链接页面）
target=“_blank”新窗口打开
锚点：实现跳转页面的某一个地方
先定义一个锚点如<p id="0000''>，写超链接到锚点<a href=''0000'' >回到锚点位置</a>
另存为ctrl+shift+S
空链，压缩文件下载，超链优化写法，特殊字符
空链<a href=''#'' >空链</a>
压缩文件下载（不推荐使用）：<a href=''相对路径'' >压缩包</a>
超链优化写法：在head里面写<base target="_blank">设置该页面所有超链接跳转方式
特殊字符：空格
小于 <
大于 >
上标 &sup
下标 &sub
& &
列表：
无序列表<ul type=‘disc实心小圆点默认 /square小方块 /circle空心小圆圈’ > <li>列表项（并列关系）</li> </ul>
有序列表<ol type=“1默认/ a / i‘ start='开始项位置（数字）’'> <li>列表项（并列关系）</li> </ol>
自定义列表<dl><dt>小标题</dt> <dd>解释标题</dd></dl>
音乐标签和滚动：
音乐：<embed src="xx.mp3" hidden="true(隐藏播放器)">
滚动（文字或图片）：<marquee behavior=''设置滚动方式'' direction="设置滚动方向" loop="设置滚动次数 -1一直滚动" height=''滚动高度'' width=‘滚动宽度’ bgcolor=‘滚 动地方颜色’> </marquee>
behavior= alternate两端之间来回滚动 / scroll一端到另一端，会重复 / silde一端到另一端，不重复
direction= down 向下 / left 向左 / right向右 / up向上
扫一扫
452
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
