HTML标记基础

浏览器唯一能识别的是HTML，HTML是结构化标记语言，它用于给网页中的文字、图片、音频和视频打上标记，目前HTML共有114个标签，但按照80/20原则，使用其中25个左右即能满足我们日常工作需要。

标签方式

有两种方法用于给内容打标签，根据包含的内容是不是文本，标记分闭合标签和非闭合标签

文本用闭合标签

<标签名 属性1="属性值" 属性2="属性值">文本内容</标签名>

标题、段落等文本元素必须使用闭合标签，即必须有开标签和闭标签

引用内容使用闭合标签

<标签名 属性1="属性值" 属性2="属性值"/>

非文本内容是通过自闭合标签显示的。

闭合标签和非闭合标签的区别：闭合标签包含的内容是会显示的实际内容，而非闭合标签包含的是一个引用。不是直接显示的内容，需要浏览器做额外的操作

<img src="pic/android-arrow-back.png" alt="this is a pic"/>

上面的标记了一张图片，使用的自闭合标记，当浏览器加载时，它需要额外的寻找位于pic/android-arrow-back.png图片

属性

属性提供了关于标签的额外信息，一半用于控制文本内容或者说明引用内容的来源等，比如

<img src="pic/android-arrow-back.png" alt="this is a pic"/>

属性src 说明了图片的来源，alt用于图片不能正常加载时，显示的内容，每个HTML标签都可以添加属性，而class和id属性几乎可以添加到任何标签上