HTML4学习笔记(SublimeText3 快捷键)

HTML常用标签及功能 

<html lang = "en"> //zh
<head>
	<meta charset="utf-8">
	<title>
	</title>
	<meta content = "" name = "keywords"> //description
</head>
<body>
	<p></p> //paragraph
	<h1></h1>
	<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>
	
	<br> //换行
	• 回车与空格识别为单词分隔符
    • html编码:&……;
	    ○ &nbsp;//空格
		○ &lt;//<
		○ &gt;//>
    <hr> //水平线
	
	//有序列表
	<ol type="1" reversed="reversed" start="117"> //默认为1,可填a、A、i、I
		<li></li>
		<li></li>
		<li></li>
	</ol>
	//无序列表
	<ul type="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>
		herf hyperText reference
			tel:13000000000
			mailto:ssssssss@222.com
			javascript:
		_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"> //默认选中
		<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>

编辑器常用快捷键

//缩进与取消

    shift+tab
    ctrl+]
    ctrl+[
    ctrl++ //缩进一个字符
    ctrl+-
    ctrl+shift++

//搜索(特定字符快捷输入)
    ctrl+p"
    ctrl+shift+p
    ctrl+r //@
    ctrl+g //:
    ctrl+; //#

//跳转至光标上(下)一次的位置
    alt+- //back
    alt+shift+- //forward

//查找相关
    ctrl+i
    ctrl+shift+i
    ctrl+f
    ctrl+h //替换
    ctrl+shift+h //替换下一个
    //跳转并选定上(下)一个查找结果
    f3 //find_next
    shift+f3 //find_prev
    ctrl+f3 //find_under
    ctrl+shift+f3 //find_under_prev
    alt+f3 //find_all_under
    ctrl+e //slurp_find_string
    ctrl+shift+e //slurp_replace_string
    ctrl+shift+f //show_panel", "args": {"panel": "find_in_files"} },
    f4 //next_result
    shift+f4 //prev_result

//快捷注释
    ctrl+/ //toggle_comment
    ctrl+shift+/ //toggle_comment

//垂直重排n个窗口 1~5
    alt+shift+1

//HTML快捷段标
    alt+shift+w

//同时编辑
    ctrl+shift+l //选定
    ctrl+d //查找相同项
    

//其他
ctrl+l //选择多行

ctrl+j //join_lines //删除行尾换行
ctrl+shift+d //换行重复本行内容

ctrl+` //控制台


               仅作为个人学习记录,如有错误欢迎指正。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值