共计 1610 个字符，预计需要花费 5 分钟才能阅读完成。
我的主页： 2 的 n 次方_
HTML 是一种超文本标记语言，不仅有文本，还能包含图片，音频等
1. HTML 的文件基本结构
html 标签是整个 html 文件的最顶层标签，head 标签中写页面的属性，body 标签是页面中显示的内容，title 标签是页面的标题，当把上面的代码在浏览器中运行一下可以看到：
在 VS code 中输入一个！就可以直接生成一个整体的框架
2. HTML 的常见标签
2.1. 标题标签
h1 – h6 分别表示 1 级标题到 6 级标题
我是一级标题
我是二级标题
我是三级标题
2.2. 段落标签
在 HTML 中，段落，换行符，空格都不会生效，如果需要分成段落，就需要使用专门的段落标签
我是一级标题
我是一个段落
p 标签描述的段落没有缩进，会根据浏览器宽度来进行自动排版
我是一个段落
我换行了
我有 空格
html 内容首尾处的换行空格均无效，在 html 中文字之间加入多个空格只相当于一个空格，换行也是不会直接换行，相当于一个空格
2.3. 换行标签
如果想实现换行的话可以通过
标签来实现，br 是一个单标签，不像上面的几个标签一样需要首尾配合使用
你好
你好
p 标签的段落换行和 br 标签的换行中间的行距也有点不一样
2.4. 图片标签
img 标签表示图片，必须带有 src 属性，表示图片的路径，同级目录下可以直接写文件名，可以写绝对路径，也可以写相对路径，还可以写网络路径，一般建议写 /，不写
./ 表示当前目录，../ 表示上一级目录
![]()
![]()
还可以设置图片的宽度和高度
一般宽高指定一个就可以了，另一个会等比例缩放
2.5. 超链接标签
a 标签就表示超链接，href 表示要跳转的位置
除了可以跳转外部的链接，内部的链接也可以跳转，写相对路径即可
target 表示跳转的方式，_blank 表示在新的页面中打开，默认是在本页面打开的
还可以使用一个空连接，用 # 来进行占位，如果此时还不确定要跳转的路径是什么就可以使用 # 进行占位
3. 表格和表单
3.1. 表格标签
table：表示整个表格
tr：表示表格的一行
td：表示一个单元格
也就是 table 包含 tr，tr 包含 td
vs code 中提供了快捷输入：
a
b
c
d
e
f
g
h
i
这样就可以构建一个 3 * 3 的表格了
还可以加上边框，在 table 里加上 border 并设置大小
| a | d |
| a |
原文地址: HTML 的常用标签
