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属性几乎可以添加到任何标签上

原文地址:https://www.cnblogs.com/tao-zi/p/4302898.html