最近几天在学html,说说今天的收获。
一、sublime中的快捷键
啊,快捷键很多,当然也很实用,编写代码的效率大大提高,接下来我写写自己会用到的几个快捷键。
①html:xt+Tab 最最最常用的快捷键,作用:写出html结构代码
②Tab 作用:补全标签代码 比如要写一个超链接,敲出字母a后,按Tab键后就会自动生成剩余代码
③Ctrl+Shift+D 作用:快速复制粘贴上一行
④Ctrl+Shift+K 作用:快速删除一行
⑤Ctrl+F 作用:查找
⑥Ctrl+H 作用:查找+替换
⑦Ctrl+L 作用:快速选中一行
⑧Ctrl+/作用:注释
⑨F11 作用:全屏
二、标签
三、图片标签
注:在设置图片大小时,只设置width height其一,则图片会等比例缩放;若同时设置,图片则会变形。
四、路径(2种)
1.相对路径
a.文件和图片在同一文件夹中,则直接写文件名。
b.图片在文件的下一级,则写成文件名/图片名
c.图片在文件的上一级,则写成../图片名
2.绝对路径
绝对路径就是完整的路径啦。
注:一般不怎么使用绝对路径!
五、超链接
<a href="文本格式化标签.html" title = "超链接" target = "_blank">文章</a>
掌握以上5个部分即可
①href:想要跳转的页面
②title:提示文本,鼠标放在链接上显示的文字
③target="_self":默认值,关闭自身页面,打开新的页面
④target="_blank":自身页面不关闭,重新打开新的页面
⑤注意在两个尖括号之间加入文字,作为链接的载体
六、锚链接
特点:设置快速回到首页的链接
掌握其写法即可
<p id="top">...</p>
<a href="#top">回到顶部</a>
over!
啊,累死了。。。
哼,以后不用标题了,贼麻烦╭(╯^╰)╮