html5淘宝模板前端之htmlday01

标签的分类

标签的关系

sublime快捷键

html5淘宝模板前端之htmlday01 CSS

单标签

双标签

路径

超链接额外知识利用

锚点

空连接

超链接的优化写法写在head标签中

分外标记符

列表

Html的主体构造

<!doctype html><html><head>标签的分类

单标签

<!doctype html>

双标签

<head></head>标签的关系

包含（嵌套关系、父子关系）

<head>

并列

<head></head><body></body>sublime快捷键快捷键浸染html:xt + tabhtml4.01模板【新版本可能失落效】html + tabhtml5模板tab补全标签ctrl + shift + d快速复制一行ctrl + shift + k快速删除一行ctrl + 鼠标左键单击集体输入ctrl + h查找更换ctrl + f查找ctrl + /注释ctrl + L快速选中当前行ctrl + shift + ↑(↓)代码的快速上移和下移单标签

注释标签<br /> 换行标签<hr /> 水平线标签<img src=\"大众logo.gif\公众 alt=\"大众logo\公众 title=\"大众这是淘宝的logo\公众 width=\"大众200\公众 height=\"大众100\"大众 />图片标签双标签

<p></p> 段落标签<h1></h1> 标题标签 h1 - h6<font></font> 文本标签<strong></strong> 文本加粗标签，有语音加强<b></b> 文本加粗标签<em></em> 笔墨倾斜，有语音加强<i></i> 笔墨倾斜<del></del> 删除线，有语音加强<s></s> 删除线<ins></ins> 下划线，有语音加强<u></u> 下划线<a href=\"大众http://www.baidu.com\"大众 title=\"大众百度\公众 target=\"大众_blank\"大众>百度</a> 超链接路径

相对路径

同一个目录下直接写文件的名称就可以

文件和图片不才一级目录中，须要文件夹名称 + \ + 文件名称

图片在上一级目录中 ../ + 文件名称

图片在上一级的其它文件夹中 ../ + 文件夹名称 + 文件名称

总结：找到下级目录利用/，找到上一级目录利用../

绝对路径

从盘符中开始的，这种路径不能利用！
由于项目末了都要移动，文件的路径都是会变的。
如：c:\baidu\logo.jpg

超链接额外知识利用

锚点

1.设置一个锚点设置一个id

2.超链接到锚点