杂谈：认识HTML的第一天！（一只小白的自我论述 1）

一，什么是HTML？

html是(Hyper Text Markup Language)的缩写，意思是超文本标记语言，标准通用标记语言下的一个应用。

HTML 不是一种编程语言，而是一种标记语言 (markup language)

是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

二，HTML由什么组成？

HTML 由一系列的元素（elements）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。 一对标签（ tags）可以为一段文字或者一张图片添加超链接，将文字设置为斜体，改变字号，等等。例如下面一句话

我的猫咪脾气爆:)

可以将这行文字封装成一个段落（paragraph）元素来使其在单独一行呈现：

<p>我的猫咪脾气爆:)</p>

html元素详解

1.开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
2.结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
3.内容（Content）：元素的内容，本例中就是所输入的文本本身。
4 .元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

三，HTML标签的有哪些？我应该怎么分类？

HTML的标签有很多比如 h 标题标签 p 段落标签 a 链接标签 img 图片标签 等等更多请到w3cschool了解，就不一 一介绍了。
标签分类的话一般我们可以根据用途和特点分类

一，用途分类
1，布局类标签 作用：布局

2，文本类标签 作用：只要和文本有关的就用文本类标签

3，图片类标签 作用 加载图片

4，列表类标签
分类有序列表 无序列表

5，链接类标签

一，根据特点分类
块标签
- 特点；默认宽度为百分之百（子元素相对父元素）元素的高度；由子元素撑起来
- 子元素在父元素中，排列方式从上往下

html body 所有布局列表标签 main div section header ul li ol dl dd form…

行标签
- 默认宽度为内容宽度，内容高度（***没有高度和宽度）
子元素在父元素中排列方式 从左往右依次排列，直到排满换行

audio video span a input button label select option em block…

行内块标签 — 后天养成 既有块标签的的特点 又有行标签的特点
特点； 大小为内容大小，可以设置宽高

img…

浏览器默认布局形式-----流失布局
-子元素在父元素总的默认布局形式；从右往左，从上往下