文章目录
超文本标记语言( Hyper text Markup Language,简称:HTML)是一种用来结构化Web网页及其内容的标记语言。网页内容可以是:一组段落、一个重要信息列表、也可以含有图片和数据表。本节对HTML及其基本功能做一个介绍。
HTML到底是什么?
HTML不是编程语言,而是一种定义内容结构的标记语言。HTML由一系列的元素组成,这些元素可以用来包围不同部分的内容,使其以某种方式呈现或者工作。一对标签可以为一段文字或者一张图片添加超链接,将字体设置为斜体,改变字号等等。例如,键入下面一行内容:
我的猫咪脾气暴:)
可以将这行文字封装成一个段落( paragraph)元素来使其在单独一行呈现出来:
<p>我的猫咪脾气暴:)</p>
HTML元素详解
元素结构
- 开始标签(Opening tag):包含元素的名称(本例为p),被大于号、小于号所包围。表示元素从这里开始或者开始起作用——在本例中即段落由此开始。
- 结束标签(Closing tag):与开始标签相似,只是在元素名之前包含了一个斜杠。这表示着元素的结尾——在本例中即段落在此结束。
- 内容(Content):元素的内容,本例就是所输入的文本本身。
- 元素(Element):开始标签、结束标签与内容相结合,便是一个完整的元素。
元素属性(Attribute)
属性包含了关于元素的一些额外信息,这些信息本身不应显现在内容中。本例中,class
是属性名称,editor-note
是属性的值 。class
属性可为元素提供一个标识名称,以便进一步为元素指定样式或进行其他操作时使用。
属性应该包含:
- 在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
- 属性的名称,并接上一个等号。
- 由引号所包围的属性值。
注: 不包含 ASCII 空格(以及
"
'
````=<
>` )的简单属性值可以不使用引号,但是建议将所有属性值用引号括起来,这样的代码一致性更佳,更易于阅读。