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 规定元素的额外信息