首先,我们要知道什么是网页。网页就是万维网中的一“页”。
HTML指的是超文本标记语言(Hyper Text Markup Language),标记语言是一套标记标签,HTML是通过标签来描述网页。
超文本:就是指具有超链接(链接跳转)功能
HTML基本结构
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<head>
<body></body>
</html>
其次,我们应该认识其中标签。
- HTML标签是由<尖括号>包围的关键词,比如<html>
- HTML标签成对出现叫做双标签,比如<b></b>。双标签中的第一个标签是开始标签,第二个标签是结束标签。
- HTML标签单个出现的叫做单标签,比如<br>
标签可以分为:块级元素、行内元素
常见的HTML标签
- <p></p>标签:
作用:一个块级元素,定义一个段落
- <i></i>标签:
作用:定义斜体字
- <div></div>标签:
表示分割、分区,一个div独占一行,可以想象成一个大盒子
- <span></span>标签:
作用:表示跨距、跨度,一行可以放多个span是一个小盒子
- <span></span>标签:
作用:表示跨距、跨度,一行可以放多个span是一个小盒子
- <video></ video >标签:
作用:定义视频(video 或者 movie)
src属性:播放的视频的路径地址
标签语义化
行内元素HTML标签
<i></i>:定义斜体字
<span></span>:表示跨距、跨度,一行可以放多个span是一个小盒子
块级元素HTML标签
<video></ video >:定义视频(video 或者 movie) (H5新增)
<div></div>:表示分割、分区,一个div独占一行,可以想象成一个大盒子。
<p></p>:定义一个段落
<img>:是一个单标签,负责定义图像