2020-09-08

# HTML基础知识

### 关于浏览器
### Web标准
1、谷歌浏览器，内核Chromium
2、IE浏览器 ，内核Trident
3、火狐浏览器，内核Gecko
### 认识HTML
HTML指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。
HTML不是—种编程语言，而是—种标记语言(markup language)
标记语言是—套标记标签(markup tag)

### 超文本
<h5>所谓超文本，有2层含义:</h5>
1.因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制）
2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
<img src="timg.jpg"/>
### 总结
html是超文本标记(标签)语言
我们学习html主要学习html标签
我们用html标签描述网页元素。比如图片标签、文字标签、链接标签等等
标签有自己的语法规范，所有的html标签都是用<>表示的


### HTML骨架标签
HTML标签 页面中最大的标签，我们成为根标签
文档的头部 注意在head标签中我们必须要设置的标签是title
文档的标题  让页面拥有一个属于自己的网页标题
文档的主体 元素包含文档的所有内容，页面内容基本都是放到body里面的

### HTML元素标签分类
<h5>1.常规元素（单标签）</h5>
该语法中“<标签名>"表示该标签的作用开始，一般称为“开始标签(start tag)"，“</标签名>”表示该标签的作用结束，—般称为“结束标签(end tag) "。
和开始标签相比，结束标签只是在前面加了一个关闭符“I。
我们以后接触的基本都是双标签
<h5>2.空元素（单标签）</h5>
空元素用单标签来表示，简单点说，就是里面不需要包含内容，只有一个开始标签不需要关闭。
### 标签关系
<h5>1.嵌套关系</h5>
<h5>2.并列关系</h5>

如果两个标签之间的关系是嵌套关系，子元紊最好缩进一个tab键的身位（一个tab是4个空格）。如果
是并列关系，最好上下对齐。
### 常用标签
<h5>1.标题标签h（熟记）</h5>
< h1 >标题文本 < /h1 >
<p>加了标题的文字会变的加粗，字号也会依次变大</p>
一行是只能放一个标题的
<h5>2.段落标签p（熟记）</h5>
< p >文本内容< /p >
<h5>3.水平线标签hr（认识）<h5>
< /hr > →单标签
<h5>4.换行标签br（熟记）</h5>
< br / >
<h5>5.div和span标签（重点）</h5>
div标签用来布局的，但是现在一行只能放一个div
span标签用来布局的，一行上可以放好多个span

<p>< div >这是头部  < span >这是头部< /span ></p>