sublime使用的小技巧
安装了自动补全代码工具之后
- sublime中新建HTML文件并保存,输入html:5再按Tab-自动补全或输入!再按Tab自动补全HTML结构
- 输入标签名再按Tab自动补全标签
- 按住滚轮往下拖可以处理多行代码
基本标签
标签 | 描述 |
---|---|
<base></base> | 定义页面所有超链接 |
</br> | 换行 |
</hr> | 水平分割线 |
<hn></hn> | 标题(n的值可以是1~6,值越大字体越小) |
<p></p> | 段落标签 |
<div></div> | 块级标签 |
<span></span> | 用来组合文档中的行内元素 |
<strong></strong> | 加粗,有语义 |
<em></em> | 斜体,有语义 |
<del></del> | 删除线,有语义 |
<b></b> | 下划线,有语义 |
<b></b> | 加粗 |
<i></i> | 斜体 |
<s></s> | 删除线 |
<u></u> | 下划线 |
需要记忆属性的一些标签
标签 | 属性 | 描述 |
---|---|---|
<img/> | src,alt,title,border,width,height | 插入图片 |
<a></a> | href,target(_self,_blank)) | 插入超链接 |
<ul></ul> | <li></li> | 插入无序列表 |
<ol></ol> | <li></li> | 插入有序列表 |
<dl></dl> | <dt></dt>,<dd></dd> | 插入自定义列表 |
特殊符号代码
符号 | HTML代码 |
---|---|
空格符 | |
< | < |
> | > |
版权© | © |
和号& | & |
人民币 | ¥ |
注册商标® | ® |
商标™ | ™ |
摄氏度 | ° |
乘号 | × |
除号 | ÷ |
平方2 | ² |
立方3 | ³ |
路径
若需要链接到当前路径的图片
<img src="hello.html"/>
若需要链接到当前路径的文件夹里面的图片
<img src="hello/hello.html"/>
若需要链接到当前路径上一个文件夹中的图片
<img src="../hello.html"/>