HTML
一、HTML定义
HTML(全称 HyperText Markup Language,即 超文本标记语言)
- 超文本:链接
- 标记:标签
二、常用标签
(一)<!DOCTYPE html>
文档类型声明为 HTML5
(二)<html>
根元素
(三)<head>
网页头部,里面内容是给浏览器看的
(四)<body>
网页主体,里面内容是给用户看的
(五)<head>
标签内的标签
1.<title>
:定义网页的 标题
2.<meta>
:定义关于 HTML 文档的 元数据
3.<meta charset="UTF-8">
:字符编码声明为 UTF-8
(六)<body>
标签内的标签
1、标题标签(双标签)
-
标签名:h1~h6
-
独占一行
-
字体加粗
-
字号逐渐减小
h1标签在一个网页中只能用一次
2、段落标签(双标签)
- 标签名:p
- 段落之间存在间隙
例:
<p>段落标签</p>
3、换行和水平线标签(单标签)
- 换行标签名:br
- 水平线标签名:hr
4、文本格式化标签(双标签)
- 加粗标签名:strong、b
- 倾斜标签名:em、i
- 下划线标签名:ins、u
- 删除线标签名:del、s
5、图像标签(单标签)
- 标签名:img
- 属性
src:图片路径(最好是相对路径)
alt:替换文本(图片无法显示的时候显示的文字)
title:提示文本(鼠标悬停在图片上的时候显示的文字)
width:图片的宽度
height:图片的高度
例:
<img src="***.png" alt="这是一张图片" title=“这是一张图片” width="100px" heigth="100px">
6、超链接 (双标签)
- 标签名:a
- 属性
href:跳转地址
例:
<a href="跳转的URL"></a>
7、音频标签 (双标签)
- 标签名:audio
- 属性
src:音频的URL
controls:显示音频控制面板
loop:循环播放
autoplay:自动播放
例:
<audio src="音频的URL" controls loop autoplay></audio>
8、视频标签 (双标签)
- 标签名:video
- 属性
src:视频的URL
controls:显示视频控制面板
loop:循环播放
muted:静音播放
autoplay:自动播放
例:
<video src="视频的URL" controls muted loop autoplay></video>