HTML是什么?
HTML,全称“Hyper Text Markup Language(超文本标记语言)”,是一门描述性语言,是一门非常容易入门的语言,简单来说,网页就是用HTML语言制作的。
HTML基本结构

html由文档声明和html文档组成
文档声明:告诉浏览器我们使用的是那个版本的html,方便浏览器解析文档。
html文档:程序员在html标签内部编写代码,包括head标签和body标签,head标签中存放一些元信息,不会在网页中呈现,body标签中的代码,会在网页中实现。
HTML标签
1、标签的编写规则
- html标签是以尖括号包围关键字呈现的。
- 标签一般是成对出现的,尖括号内没有斜线为开始标签,有斜线为结束标签。
- html不区分大小写,建议小写。
- 要重视标签的语义化
2、常用标签
2.1、head内部的常用标签
| 标签 | 描述 | 
|---|---|
| /* */ | style内部的注释标签 | 
| <!-- --> | style外部的注释标签 | 
| <meta> | 定义元素可提供的有关页面的元信息 | 
| <title></title> | 定义文档标题,其内容全部当做文本处理 | 
| <link> | 定义文档与外部资源的关系 | 
| <style></style> | 定义文档的样式信息 | 
2.2、body内部的常用标签
| 标签 | 描述 | 
|---|---|
| <div></div> | 块级盒子标签 | 
| <p></p> | 段落标签 | 
| <hr> | 水平线标签 | 
| <ol><li></li></ol> | 有序列表+列表项 | 
| <ul><li></li></ul> | 无序列表 + 列表项 | 
| <dl><dt><dd></dd></dt></dl> | 定义列表 + 列表组 + 列表项 | 
| 标签 | 描述 | 
|---|---|
| <em></em> <i></i> | 斜体内容标签 | 
| <strong></strong> <b></b> | 强调内容标签,加粗 | 
| <q></q> | 短引用标签,给内容加双引号 | 
| <del></del> | 删除线标签,给内容加删除线 | 
| <a href=""></a> | a标签,一般用来放超链接,地址放在href中 | 
| <span></span> | 行内盒子标签 | 
| 标签 | 描述 | 
|---|---|
| <img> | 图片标签 | 
2.3、元素之间的转化
- 将元素转换为块级元素:display:block;
- 将元素转换为行内元素:display:inline;
- 将元素转换为行内块元素:display:inline-block;










