vscode快捷键及html标签

  • Post author:
  • Post category:其他




快捷键

1.ctrl+s:保存

2.ctrl+a:全选

3.ctrl+x、ctrl+c、ctril+v:剪切、复制、全选

4.ctrl+z、ctrl+y:撤销、前进

5.shift+end:从头选中一行

6.shift+home:从尾部选中一行

7.shift+alt+↓:快速复制一行

8.alt+↓ 或 ↑:快速移动一行

9.tab:向后缩进

10.tab+shift:向前缩进

11.alt+鼠标左键:多光标

12.ctrl+d:选择相同元素的下一个

13.ctrl+/:快速添加注释

14.ctrl+alt+a:快速添加注释(选中部分) ##标题与段落 ####标题->双标签:

<h1></h2>...<h6></h6>



注意:在一个网页中,h1 标题最重要,并且一个,html 文件中只能出现一次 h1 标签。h5 和 h6 不经常使用。

####段落->双标签:

<p></p>

##文本修饰标签

强调->双标签

<strong></strong> <em></em>


区别: 1.写法和展示效果是有区别的,一个加粗,一个斜体

2.strong 的强调性更强,em 的强调性稍弱


下标:

<sub></sub>


上标:

<ins></ins>


删除文本:

<del></del>


插入文本:

<ins></ins>


注:一般情况下,删除文本都是和插入文本配合使用的。



图片标签

img->单标签

  • src:引入图片的地址
  • alt:当图片出现问题的时候,可以显示一段友好的提示文字。
  • title:提示信息 ###路径的引入 ####相对路径:
  • “.”在路径中表示当前路径
  • “…”在路径中标识上一级路径 ####绝对路径: ###链接标签

    a->双标签

    <a></a>
  • herf 属性:链接的地址
  • target 属性:可以改变链接打开的方式,默认情况下:在当前页面打开 _self 新窗口打开 _blank

    base->单标签:作用就是改变链接的默认行为的 ###跳转锚点

    两种做法:
  1. “#”号+id 属性
  2. “#”号+name 属性(注意 name 属性加给的是 a 标签) ###特殊符号

    特殊符号 含义 特殊字符代码
    空格 空格符 &nbsp;
    版权 版权 &copy;
    注册商标 注册商标 &reg;
    < 小于号 &lt;

    |大于号|&gt;

    &|和号|&amp;

    ¥|人民币|&yen;

    摄氏度|摄氏度|&deg; ###无序列表


    <ul>.<li>:列表的最外层容器,列表项


    注:ul 和 li 必须是组合出现的,他们之间是不能有其他标签的

    type 属性:改变前面标记的样式(一般用 css 去控制) ###有序列表


    <ol>.<li>:列表的最外层容器,列表项


    注:有序列表用的非常少,经常用的的无序列表,无序列表可以去代替有序列表



版权声明:本文为qq_71476546原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。