定义

超文本标记语言 (英语:Hypertext Markup Language,简称:HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。

结构


1
<p>My cat is very grumpy</p>

这个元素的主要部分有:

开始标签(The opening tag):这里包含了元素的名称(本例为 p),被开、闭尖括号所包围。这表示元素从此开始或者开始起作用——在本例中即段落由此开始。
闭合标签(The closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾——这表示元素在此结束——在本例中即段落在此结束。初学者常常会犯忘记包含闭合标签的错误,这可能会产生一些奇怪的结果。
内容(The content):这是一个元素的内容,这个例子中就是所输入的文本本身。
元素(The element):开标签、闭标签与内容相结合,便是一个完整的元素。
同时元素也可以有属性 如

class
1
2
3
4
5
6
一个属性应该包含:  
1.在属性与元素名称(或上一个属性,如果有超过一个属性的话)之间的空格符。
2.属性的名称,并接上一个等号。
3.由引号所包围的属性值。

有一些元素并不包含内容,它们被称为空元素。看看我们 HTML 代码中已经存在的 <img> 元素:

My test image

1
2
3
它包含了两个属性,但是这里并没有 </img> 闭合标签,也没有内部内容。因为图像元素不需要包含内容来产生效果,它的作用是向其所在的位置嵌入一个图像。

在HTML中,每个段落是通过<p> 元素标签进行定义的, 比如下面这样:

I am a paragraph, oh yes I am.


1
每个标题(Heading)是通过“标题标签”进行定义的:

I am the title of the story.


`

Newer Post

LeetCodePageOne

461. Hamming DistanceThe Hamming distance between two integers is the number of positions at which the corresponding bits are different. Given two int …

继续阅读
Older Post

JS学习模板字符串 文档特点1.内含占位符,可以自由插入表达式,写法更优雅,如123456var a = 5;var b = 10;console.log(`Fifteen is $&#123;a + b&#125; andnot $&#123;2 * a + b&#125;.`);// &quo …

继续阅读