HTML5基本元素HTML5基本元素.pdf

基本元素介绍 • HTML 文档和HTML 元素是通过HTML 标签进行标 记的 • HTML 标签由开始标签和结束标签组成 • 开始标签是被括号包围的元素名 • 结束标签是被括号包围的斜杠和元素名 • 某些HTML 元素没有结束标签，比如br / HTML标签 • HTML 标题（Heading ）是通过h1 - h6 等标签进 行定义的 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 HTML标题 • HTML 段落是通过p 标签进行定义的。 • pThis is a paragraph./p pThis is another paragraph./p HTML 段落 • HTML 链接是通过a 标签进行定义的。 • a href=This is a link/a HTML 链接 • HTML 图像是通过img 标签进行定义的。 • img src=w3school.jpg width=104 height=142 / HTML 图像 • HTML 元素指的是从开始标签（start tag ）到结束标签 （end tag ）的所有代码。 开始标记 元素内容 结束标记 p 这是一段话 /p a href=default.htm 这是一个超链接 /a br / HTML 元素 • HTML 元素以开始标签起始 • HTML 元素以结束标签终止 • 元素的内容是开始标签与结束标签之间的内容 • 某些HTML 元素具有空内容（empty content ） • 空元素在开始标签中进行关闭（以开始标签的结束而 结束） • 大多数HTML 元素可拥有属性 HTML 元素语法 • 大多数HTML 元素可以嵌套（可以包含其他HTML 元素）。 • html body pThis is my first paragraph./p /body /html 嵌套的HTML 元素 • p 元素： • body 元素： • html 元素： HTML 实例解释 • HTML5 中尤其如此 不要忘记结束标签 • 没有内容的HTML 内容被称为空元素。空元素是在 开始标签中关闭的。 空的HTML 元素 • HTML 标签对大小写不敏感 使用小写标签 • HTML 标签可以拥有属性 • 属性总是以名称/值对的形式出现，比如： name=value“ • 属性总是在HTML 元素的开始标签中规定 HTML 属性 • a href=This is a link/a • h1 align=center • body bgcolor=yellow • table border=1 属性实例 • 属性和属性值对大小写不敏感 使用小写属性 • 属性值应该始终被包括在引号内 始终为属性值加引号 属性 值 描述 class classname 规定元素的类名 （classname ） id id 规定元素的唯一id style style_definition 规定元素的行内样式 （inline style ） title text 规定元素的额外信息 （可在工具提示中显示） 通用属性 • !-- This is a comment -- HTML中的注释 • HTML标签 • HTML元素 • HT