html5的基本元素,HTML5基本元素HTML5基本元素.pdf

HTML5基本元素HTML5基本元素

基本元素介绍

• HTML 文档和HTML 元素是通过HTML 标签进行标

记的

• HTML 标签由开始标签和结束标签组成

• 开始标签是被括号包围的元素名

• 结束标签是被括号包围的斜杠和元素名

• 某些HTML 元素没有结束标签，比如

HTML标签

• HTML 标题(Heading )是通过

-

等标签进

行定义的

This is a heading

This is a heading

This is a heading

HTML标题

• HTML 段落是通过

标签进行定义的。

•

This is a paragraph.

This is

another paragraph.

HTML 段落

• HTML 链接是通过 标签进行定义的。

• This

is a link

HTML 链接

• HTML 图像是通过 标签进行定义的。

•

height="142" />

HTML 图像

• HTML 元素指的是从开始标签(start tag )到结束标签

(end tag )的所有代码。

开始标记 元素内容 结束标记

这是一段话

这是一个超链接

HTML 元素

• HTML 元素以开始标签起始

• HTML 元素以结束标签终止

• 元素的内容是开始标签与结束标签之间的内容

• 某些HTML 元素具有空内容(empty content )

• 空元素在开始标签中进行关闭(以开始标签的结束而

结束)

• 大多数HTML 元素可拥有属性

HTML 元素语法

• 大多数HTML 元素可以嵌套(可以包含其他HTML

元素)。

•

This is my first

paragraph.

嵌套的HTML 元素

•

元素：

•

元素：

• 元素：

HTML 实例解释

• HTML5 中尤其如此

不要忘记结束标签

• 没有内容的HTML 内容被称为空元素。空元素是在

开始标签中关闭的。

空的HTML 元素

• HTML 标签对大小写不敏感

使用小写标签

• HTML 标签可以拥有属性

• 属性总是以名称/值对的形式出现，比如：

name="value“

• 属性总是在HTML 元素的开始标签中规定

HTML 属性

• This

is a link

•

•

•

属性实例

• 属性和属性值对大小写不敏感

使用小写属性

• 属性值应该始终被包括在引号内

始终为属性值加引号

属性 值 描述

class classname 规定元素的类名

(classname )

id id 规定元素的唯一id

style style_definition 规定元素的行内样式

(inline style )

title text 规定元素的额外信息