HTML常用标签

<html lang = "en"> <!--告诉浏览器当前页面语言，用于搜索引擎分类等，zh表中文-->
<head> <!-- 头部元素，用于描述当前页面一些基本属性信息与引用的文件资源等 -->
	<meta charset="utf-8"> <!--定义一些不显示的元数据，包括字符集、关键词、作者、描述等-->
        <meta content = "" name = "keywords"> 
	<title>	</title> <!--页面显示标题-->
	<base href="" target=""> <!--基本链接地址，是所有链接标签的默认链接-->
        <link rel="stylesheet" type="text/css" href=""> <!--链接外部资源，常用于链接样式文件-->
        <script></script> <!--加载js等脚本文件-->
        <style type="text/css"></style> <!--添加样式-->
</head>
<body>
	<p></p> <!--段落标签-->
	<h1></h1> <!--一级标题，默认的标题字体与优先级，共有123456六级-->
	<h6></h6> <!--六级标题-->
	<strong></strong> <!--内容将加粗显示-->
	<em></em> <!--内容将斜体显示-->
	<del style="color:#999"></del> <!--删除线设置，可通过CSS修改颜色-->
	<address></address> <!--地址标签，不常用-->
	
	<div></div> <!--块级容器，独占当前行，后续自动换行-->
	<span></span> <!--行级容器，后续不自动换行-->
	
	<div style="width:100px; height: 100px; background-color: red;"></div> <!--行内CSS设置-->
	
	
<!--回车与空格会被识别为单词分隔符，所以需要用代码实现相应功能-->
    <br> <!--换行-->
    &nbsp；<!--空格-->
        <!--另：&....为html编码还可用此打出尖括号（直接打尖括号会被识别为标签符）-->
        &lt；<!--“<”，less than-->
	&gt；<!--“>”，greater than-->
    <hr> <!--水平线，常用于分割-->
	
	<!--有序列表-->
	<ol type="1" reversed="reversed" start="117"> <!--type默认为1，可填a、A、i、I-->
		<li></li> <!--列表各级-->
		<li></li>
		<li></li>
	</ol>
	<!--无序列表-->
	<ul type="disc"> <!--默认disc为实心圆“·”，还可填square、circle-->
		<li></li>
		<li></li>
		<li></li>
	</ul>
	
	<!--图片-->
	<img src="" style="width:200px" alt="//图片错误展示文字信息" title="">
        <!--src：资源地址，可填1.网页url；2.本地绝对路径；3.本地相对路径-->
        <!--alt 图片占位图，title 图片提示符-->
	
	<!--超链接，锚点，可用于打电话发邮件，协议限定符-->  
	<a href="" target="_blank"></a>
        <!--_blank意为在新标签页打开，若要跳转至某位置则#balabala-->
		
	<!--传送数据，数据表单-->
	<form method="get/post" action="//发送给谁" >
		<input type="text" name="//数据名">
		<input type="password" name="" value="请输入密码"> <!--将不以明文显示-->
		<input type="submit" value="//按键名">
                
		<!--单选框，要求数据名相同-->
		<input type="radio" name="//数据名" value="//数据值"> 
		<input type="radio" name="//数据名" value="//数据值"> 
		<input type="radio" name="//数据名" value="//数据值"> 
		<input type="radio" name="//数据名" value="//数据值">
                
            <!--复选框-->
		<input type="checkbox" name="" value="" checked="checked"> <!--checked：默认选中-->
		<input type="checkbox" name="" value="">
		<input type="checkbox" name="" value="">
		<input type="checkbox" name="" value="">
		<input type="checkbox" name="" value="">
		
		<!--下拉框-->
		<select name="" id="">
			<option value=""></option>
			<option value=""></option>
			<option value=""></option> <!--默认为内容，有value则value为准-->
		</select>
	</form>
</body>
</html>

SublimeText3 常用快捷键整理

初学的时候用编辑器，多记一些快捷键工作效率能提升很多，整理了一些自己常用且经常忘记的，具体可以在Preference→Key Bindings中自行查看与添加，窗口左侧为默认快捷键，可在右侧按相应格式进行自定义。

缩进与取消

按键	功能
shift+tab
ctrl+]
ctrl+[
ctrl+"+"	缩进一个字符
ctrl+"-"	取消一个字符缩进
ctrl+shift++

搜索（特定字符快捷输入）

按键	功能
ctrl+p	"
ctrl+r	@
ctrl+g	:
ctrl+;	#

跳转至光标上（下）一次的位置

按键	功能
alt+-	back
alt+shift+-	forward

查找相关

按键	功能
ctrl+i	显示panel
ctrl+shift+i	显示panel
ctrl+f	查找
ctrl+h	替换
ctrl+shift+h	替换下一个匹配项
f3	跳转并选定下一个匹配项
shift+f3	跳转并选定下一个匹配项
ctrl+f3	下一个匹配项
ctrl+shift+f3	find_under_prev
alt+f3	选中全文相同文本
ctrl+e	slurp_find_string
ctrl+shift+e	slurp_replace_string
ctrl+shift+f	show_panel
f4	下一个查找结果
shift+f4	上一个查找结果

快捷注释

按键	功能
ctrl+/	注释单行
ctrl+shift+/	注释多行

重排n个窗口

按键	功能
alt+shift+2	左右重排两个窗口
alt+shift+8	上下重排两个窗口
shift+f11	无干扰全屏

HTML快捷段标

按键	功能
alt+shift+w	快捷输入段标

同时编辑

按键	功能
ctrl+shift+l	选定
ctrl+d	查找并选定后文相同项

其他

按键	功能
ctrl+l	选择多行
ctrl+j	join_lines //删除行尾换行
ctrl+shift+d	换行重复本行内容
ctrl+`	控制台
ctrl+shift+p	打开命令框

总结

不太常搞前端，小细节总会忘记，整理了一些常用的细碎小内容，方便要用的时候来查一下。

欢迎指正与讨论！

HTML4基础标签与SublimeText3 快捷键

HTML常用标签

SublimeText3 常用快捷键整理

总结