HTML 定义
HTML 超文本标记语言 -- HyperText Markup Language
标签语法
<p> text </p>
HTML 的基本骨架
在编辑器中打出感叹号！，会提示出网页的骨架。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
标签的关系
标签有兄弟关系和父子关系
<body>
<p>text</p>
<div>text<div>
</body>
注释
<!--comment-->
注释不显示在浏览器中
标题标签
h1~h6
<h1></h1>
<h2></h2>
特点：
- 文字加粗
- 字号逐渐减小
- 独占一行（换行）
经验分享：
- h1 标签在一个网页中只能用一次
段落标签
标签名：p
显示特点：
- 独占一行
- 段落之间存在间隙
换行与水平线标签
换行 <br> 单标签
水平线 <hr> 单标签
在html代码中打Enter换行，在浏览器中没有换行效果。
文本格式化标签
为文本添加特殊格式，以突出重点常见的文本格式：加粗、斜线、下划线、删除线。
| 标签 | 功能 |
|---|---|
| strong | 加粗 |
| em | 倾斜 |
| ins | 下划线 |
| del | 删除线 |
| 标签 | 功能 |
|---|---|
| b | 加粗 |
| i | 倾斜 |
| u | 下划线 |
| s | 删除线 |
工作中使用第一组，自带==强调含义==。
图像标签
<img src="图片的 url">
src 用于指定图像的位置和名称，是 <img> 的必须属性。
| 属性 | 作用 | 说明 |
|---|---|---|
| alt | 替换文本 | 图片无法显示的时候显示的文字 |
| title | 提示文本 | 鼠标悬停在图片上面的时候显示的文字 |
| width | 图片的宽度 | 值为数字， 没有单位 |
| height | 图片的高度 | 只为数字， 没有单位 |
<img src="./cat.jpg" alt="替换文本" title="提示文本">
- 属性名="属性值"
- 属性写在尖括号里面，标签名后面，标签名和属性之间用空格隔开，不区分先后顺序。
路径
路径指的是查找文件时，从起点到终点的路线。 路径分类：
- 相对路径：从当前文件位置出发查找目标文件
- 绝对路径：从盘符出发找文件 Windows 电脑从盘符出发 Mac 电脑从根目录出发
/ 表示进入某个文件夹里边 directory/
. 表示当前文件所在文件夹 ./
.. 表示当前文件的上一级文件夹 ../
超链接
作用：点击跳转到其他页面。
<a href="https://www.baidu.com">跳转到百度</a>
href 属性值是跳转地址，是超链接的必须属性。
超链接默认是在当前窗口跳转页面，添加 target="_blank" 实现实现新窗口打开页面。
音频标签
<audio src="url"></audio>
常见属性
| 属性 | 作用 | 特殊说明 |
|---|---|---|
| src | 音频URL | |
| controls | 显示音频控制面板 | |
| loop | 循环播放 | |
| autoplay | 自动播放 | 为提升用户体验， 浏览器一般会禁用自动播放功能 |
视频标签
<video src="url"></video>
常见属性
| 属性 | 作用 | 特殊说明 |
|---|---|---|
| src | 音频URL | |
| controls | 显示音频控制面板 | |
| loop | 循环播放 | |
| muted | 静音播放 | |
| autoplay | 自动播放 | 为提升用户体验， 浏览器一般会禁用自动播放功能 |
