1、浏览器内核
IE(Trident) firefox(Gecko) Safari(webkit) chrome(Blink/Chromium) Android(Webkit) IOS(Safari/Trident)
2、Web标准构成
结构 表现 行为 (HTML css Javascript)
3、HTML基本骨架
<html> //跟标签
<head> //文档头部
<title>标题</title> //文档标题
</head>
<body> //文档主体
</body>
</html>
4、Sublime快速生成格式
html:5 + tab !+ tab
5、标签
<!DOCTYPE html> //html5版本
<meta charset="UTF-8"> //字符集,国际通用
标题标签 <h1></h1>......<h6></h6>
段落标签 <p></p>(段落间距离大)
水平线 <hr />
换行<br />(段落间距离小)
快捷键 例如:h1+tab 变成<h1></h1>
粗体 <b></b> <strong></strong>
倾斜 <i></i> <em></em>
删除线 <s></s> <del></del>
下划线 <u></u> <ins></ins>
6、标签属性
图像插入标签 <img src=" " />
图形不能显示替换文本 <img src=" " alt=" " />
鼠标悬停时显示文字内容 <img src=" " title=" " />
带有宽度的图片 <img src=" " width=" " />
添加边框 <img src=" " width=" " border=" " />
7、链接标签
<a href=" " >图像或文本</a> <a href="#" >图像或文本</a>(链接未定,后加即可)
<a href=" " target="_blank" >图像或文本</a>(网页启动新窗口)
8、锚点定位
<a href="#live">个人生活</a> <h3 id="live">个人生活</h3>
9、base标签
<base target="_blank" />(在head之间,整体链接以新窗口打开)
10、特殊字符
空格 小于号< 大于号> 版权© 合号&
11、注释
<!--注释语句-->
12、图片路径
相对路径 同一级 <img src="图片" />
下一级路径 图片在网页同级文件夹中 <img src="文件夹/图片" />
上一级路径 图片在网页上一级文件夹中 <img src="../图片" />
13、列表标签
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表(排序1234)
<ol>
<li></li>
<li></li>
</ol>
14、自定义列表(名词解释)
<dl>
<dt>名词</dt>
<dd>解释1</dd>
<dd>解释2</dd>
</dl>