标签的快捷键：单词 + tab键 +单词
h3初始代码：!+Tab 快速创建符合规范的html
<!DOCTYPE html> <!-- 文档声明 : 告诉浏览器这是一个html文件 --> <html lang="en"> <!-- html文件的最外层标签：包裹着所有html标签代码 lang="en"表示是一个英文网站 lang="zh-CN"表示一个中文网站 --> <head> <meta charset="UTF-8"> <!-- 元信息：是编写网页中的一些辅助信息 charset="UTF-8"国际编码，让网页不出现乱码的情况 --> <title>Document</title> <!-- 设置网页的标题 --> </head> <body> <!-- 显示网页内容的区域 --> </body> </html>
注释
html的注释：<!-- 注释的内容 -->
css的注释： /* 注释的内容 */
vscode快捷键是：ctrl + / 和 shift + alt + a
标题h和段落p
<h1> - <h6> 标签可定义标题。
<h1> 定义最大的标题。(尤为重要，一个html文件最好只出现1次
<h6> 定义最小的标题。
【亲自试一试】
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。
【亲自试一试】
文本修饰
<strong></strong>
<em></em>
- 写法和展示效果是有区别的，一个加粗、一个斜体
- strong的强调性更强，em的强调性稍弱。
下标 : <sub></sub>
上标 : <sup></sup>
删除文本 : <del></del>
插入文本 : <ins></ins>
- 一般情况下，删除文本都是和插入文本配合使用的。
图片img
元素向网页中嵌入一幅图像。用于展示
- src : 引入图片的地址。
- alt : 当图片出现问题的时候，可以显示一段友好的提示文字。
- 前两个是是必须属性
- title : 提示信息
- width、height : 图片的大小
【亲自试一试】