首页vscode编写html快捷键

vscode编写html快捷键

时间: 2024-01-18 07:16:01 浏览: 110

web前端 HTML基础

HTML基础小结适用刚开始接触前端的小伙伴大佬勿喷

以下是在VS Code中编写HTML的一些常用快捷键： 1. 在HTML文件中输入“!”，然后按下Tab键，将自动生成HTML模板。 2. 输入“html:5”，然后按下Tab键，将生成HTML5模板。 3. 输入“link:css”，然后按下Tab键，将生成CSS链接标记。 4. 输入“script:src”，然后按下Tab键，将生成JavaScript链接标记。 5. 输入“div”，然后按下Tab键，将生成一个div元素。 6. 输入“ul>li*5”，然后按下Tab键，将生成一个包含5个li元素的无序列表。 7. 输入“table>tr>td*3”，然后按下Tab键，将生成一个包含3个单元格的表格。 8. 输入“form>input:text+input:password+input:submit”，然后按下Tab键，将生成一个包含文本框、密码框和提交按钮的表单。另外，还有一些其他的快捷键可以帮助您更快地编写HTML代码，例如Ctrl + Shift + K可以删除当前行，Ctrl + Shift + D可以复制当前行，Ctrl + /可以注释选定的代码行等等。 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div> <h1>Hello World!</h1> <p>This is a paragraph.</p> </div> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> <table> <tr> <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> </tr> </table> <form> <input type="text" name="username" placeholder="Username"> <input type="password" name="password" placeholder="Password"> <input type="submit" value="Submit"> </form> </body> </html> ```

阅读全文