HTML——超文本标记语言
超文本——所谓的链接
标记（标签）：带尖括号的文本
标签语法
格式：<开始标签> 内容 <结尾标签>
要点：标签成对出现 <>里面放英文字母（结尾标签前面加/）
（拓展）标签分类：双标签，单标签（只有开始标签）eg：-换行 -水平线
html 基本骨架
格式
<html>：整个网页
<head>：网页头部，面向浏览器
<title>：网页标题
<body>：网页主体，面向用户
|
|
Tip
VS Code中！（英文）+Enter（Tab）可自动生成骨架。
标签的关系
作用：明确标签书写位置，让代码更整齐
分类：父子标签（嵌套）- 子级标签换行且缩进（Tab键） 兄弟标签（并列）- 兄弟标签换行且对齐
注释
是对代码的解释说明
|
|
VS Code中包含有注释的快捷键。 快捷键：Ctrl + /
标签
标题标签
符号：<h1~h6>具体内容</h1~h6>
特点：文字加粗 字号由大到小 独占一行（换行）
其中h1标题一个网页仅限一个
段落标签
符号：<p>具体内容</p>
特点：独占一行 段落之间自动空一行
段落相关标签
<br>——换行
<hr>——水平线，即在段与段之间插入一条实线
文本格式化标签
加粗字体 符号：<strong> <b>
倾斜 符号：<em> <i>
下划线 符号：<ins> <u>
删除线 符号：<del> <s>
Tip：两种符号均可，前者在实际更常用，自带强调含义。
多属性标签
属性之间以一个空格间隔开，无先后之分。
|
|
图像标签
符号：<img src="图像的URL" >
src用于指定图像的位置和名称，是img必须属性
属性：alt 替换文本——图片无法显示时显示的文字
title 提示文本——鼠标悬停在图片上时显示的文字
width 图片宽度——数字，无单位
height 图片高度——数字，无单位
Tip：浏览器中宽高默认等比缩放，即修改其中一个要素另一个也会改变
音频标签
符号：<audio src="音频的URL"></audio>
属性：src——必须属性，支持格式：mp3，Ogg，Wav
controls——显示音频控制面板
loop——循环播放
autoplay——自动播放，一般情况下浏览器禁用自动播放
Tip：在HTML5中如果属性名和属性值完全一样，可以简写为一个单词
eg.controls=”controls” → controls
视频标签
符号：<video src="视频的URL"></video>
属性：Src——必须属性，支持格式：mp4，WebM，Ogg
controls——显示控制面板 loop——循环播放
muted——静音播放
autoplay——自动播放（仅在静音状态下可用，所以必须与muted一起出现）
超链接标签
作用：点击跳转到其他界面（在线or本地）
符号：<a href="">文字内容</a>
href——跳转地址，是必须属性
<a href="" target="_blank">可实现新窗口跳转页面
开发初期，跳转地址未知，href属性值写#，表示空链接，点击后不会跳转
路径
相对路径
从当前文件夹出发查找目标文件
文件夹名称/——进入某个文件夹
./——进入当前文件夹
../——进入上一级文件夹
绝对路径
从盘符（eg：C盘）开始查找目标文件
|
|
windows默认显示路径时用\表示进入文件夹，其它系统是/，建议统一写成/
还可以引用文件的在线网址，可应用于网站的友情链接
小知识
VS Code中Alt+Z可实现文字折行。