什么是 HTML?
- HTML 是指超文本标记语言;
- HTML 不是一种编程语言,而是一种标记语言;
- HTML 使用标记标签来描述网页。
一、标签语法
- HTML 标签是由 尖括号 包围的,比如<html>
- HTML 标签通常是成对出现的,比如<head>跟</head>关键词
- 标签分为双标签(即有开始标签、结束标签)跟单标签(只有开始标签:换行<br>、水平线<hr>)
二、HTML的基本骨架
- <!DOCTYPE>声明:是标记语言的文档类型声明,可以在浏览器中正确地显示网页
- <html>元素:定义整个HTML文档
- <head>元素:包含着<title>元素
- <title>元素:定义文档的标题
- <body>元素:定义HTML文档的主体
三、HTML标签
- <!-- -->:注释标签,在文档中写下注释,在浏览器中不会显示
- h1~h2:标题标签,可以使文字加粗,字号会逐渐变小,每个标题都独占一行
- <p>:段落标签,可以使文字成段出现,每一段都独占一行,且段落之间有间隙
- <br>:换行标签
- <hr>:水平线标签
- <strong>或<b>:可以加粗文字
- <en>或<i>:可以使文字倾斜
- <ins>或<u>:可以使文字下方有下划线
- <del>或<s>:在文字上有删除线
- <img>:图像标签,可以在网页中插入图片
<img>的一些属性:
(1)src:用于指定图像的位置和名称,必须属性
(2)alt:用于图片无法显示时所显示的文字
(3)title:鼠标悬停在图片上面时显示提示的文字
(4)width:图片的宽度
(5)height:图片的高度
- <a>:超链接标签,点击它可以跳转到其他页面
<a>的一些属性:
(1)href:用来指定跳转地址,必须属性
(2)target="_blank":用于在新窗口打开页面
- < audio>:音频标签
<audio>的一些属性:
(1)src:用于指定音频的保存位置跟名称,必须属性
(2)controls:用于在浏览器显示音频
(3)loop:可以让音频循环播放
(4)autopaly:可以让音频自动播放
- <video>:视频标签
<video>的一些属性:
(1)src:用于指定视频的保存位置跟名称,必须属性
(2)controls:用于在浏览器显示视频
(3)loop:可以让视频循环播放
(4)muted:可以让视频静音播放
(5)autoplay:可以让视频自动播放(静音前提下)