From ed2d1ee53b28624c86fe1654a533ee2da22bcd68 Mon Sep 17 00:00:00 2001 From: many2many <6168830@qq.com> Date: Sun, 15 Sep 2024 20:01:28 +0800 Subject: [PATCH] changed --- docs/chapter02.md | 13 ++++++++++++- .../imgs/grumpy-cat-attribute-small.png | Bin 0 -> 8048 bytes 2 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 docs/resources/imgs/grumpy-cat-attribute-small.png diff --git a/docs/chapter02.md b/docs/chapter02.md index 4318860..f40ef2f 100644 --- a/docs/chapter02.md +++ b/docs/chapter02.md @@ -159,11 +159,22 @@ HTML 元素(标签): ![](./resources/imgs/grumpy-cat-small.png) 这个元素的主要部分有: - ``` +``` 开始标签(Opening tag):包含元素的名称(本例为 p),被左、右角括号所包围。开头标签标志着元素开始或开始生效的地方。在这个示例中,它在段落文本的开始之前。 内容(Content):元素的内容,本例中就是段落的文本。 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这标志着该元素的结束。没有包含关闭标签是一个常见的初学者错误,它可能会产生奇特的结果。 ``` +元素也可以拥有属性,属性看起来像这样: +![](./resources/imgs/grumpy-cat-attribute-small.png) +属性包含元素的额外信息,这些信息不会出现在实际的内容中。在上述例子中,这个 class 属性是一个识别名称,以后为元素设置样式信息时更加方便。 + +属性必须包含: +``` + 一个空格,它在属性和元素名称之间。如果一个元素具有多个属性,则每个属性之间必须由空格分隔。 + 属性名称,后面跟着一个等于号。 + 一个属性值,由一对引号("")引起来。 +``` + #### 2.2.2 CSS3样式和布局 (了解) diff --git a/docs/resources/imgs/grumpy-cat-attribute-small.png b/docs/resources/imgs/grumpy-cat-attribute-small.png new file mode 100644 index 0000000000000000000000000000000000000000..e75e441bc59f1b135b03227d4f3268c2d6ddf7e8 GIT binary patch literal 8048 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 IiX%V&AFW$yr~m)} literal 0 HcmV?d00001