DOM 基础 HTML标签 元素 属性

什么是HTML标签

HTML标签标记了HTML文档和HTML元素

HTML标签由开始标签和结束标签组成.开始标签为尖括号包围的元素名,结束标签为尖括号包围的斜杠和元素名

例如:<h2> My First Heading</h2>

HTML基本标签

  • 标题(Heading)是通过h1 - h6等标签进行定义的.
  • 段落 是通过<p>标签定义的.
  • 超链接 是通过<a>标签定义的.(在href 属性中指定超链接的地址)
  • 图像 是通过<img>标签定义的.(在src属性指定图像的位置,width height 指定图像的宽度和高度).

HTML元素

HTML文档是由html元素定义的.（？）

HTML的元素是指从开始标签到结束标签的所有代码..例如:<p>我是一个段落</p>表示一个html元素.可以看出,

一个html元素主要包括html标签和纯文本.

标签定义了网页显示的格式,文本表示网页的内容.故此,网页 =  html文档,而html文档则是由html元素定义的.

  

  • 元素语法

以开始标签开始,以结束标签终止.元素的内容是开始标签和结束标签之间的内容. 某些html元素具有空内容(empty content)空元素在开始标签进行关闭 大多数的html元素都是拥有属性的.

 

  • 嵌套的html元素

大多说的html元素都是可以嵌套的(包含其他的html元素).html文档就是有嵌套的html元素组成的.例如:

<html>

<head>

<title>First HTML Document</title>

</head>

<body>

<p>我是一个段落</p>

</body>

</html>

上面就是一个简单的html文档.

 

  • 空的HTML元素

没有显示内容的元素 就是空的元素.空元素在开始标签中定义.例如<br/>就是一个空元素(<br/>表示换行).

另外,html的元素是对大小写不敏感的.但是最好使用小写标签,因为万维网联盟(W3C)推荐使用小写的标签,而在未来的HTML版本中则会强制使用小写标签.

 

HTML属性

  • HTML属性为HTML元素提供附件信息,例如在超链接标签<a href = “http://www.cnblogs.com>博客园</a>使用了href 来指定超链接的地址.
  • 属性总是以名称/值的形式出现,例如:name = “value”
  • 属性总是在开始标签中定义.

例如:

  1. 标题标签 <h1 align = “cenern”>I am a heading</a>标题居中显示.
  2. 文档开始标签 由<body>定义 <body bgcolor = "green"> 文档的背景颜色为绿色.
  3. 属性值对大小写是不敏感的.
  4. 属性值通常应该包含在引号中(单引号和双引号都可以习惯使用双引号)但是在某些情况下,例如属性值个本身带有双引号,则必须使用单引号.例如:name = ‘九霄”lovelq522”’
  5. 常用属性
  • class  classname        规定元素的类名（classname）
  • id        id                     规定元素的唯一id
  • style   style_definition    规定元素的行内样式（inline style）
  • title    text             规定元素的额外信息（？）（可在工具提示中显示）

标准属性参考手册

 

posted on 2016-06-21 16:36  雪的心  阅读(154)  评论(0)  编辑  收藏  举报

导航