梳理一下 html 中的一些基本概念

(概念出自http://www.w3school.com.cn/

什么是 HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

 

HTML 标签

 

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

 

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签

 

HTML 文档 = 网页

 

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

 

什么是 HTML 标签

  • HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
  • HTML 标签由开始标签和结束标签组成
  • 开始标签是被括号包围的元素名
  • 结束标签是被括号包围的斜杠和元素名
  • 某些 HTML 元素没有结束标签,比如 <br />

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

 

HTML 文档是由 HTML 元素定义的。

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签元素内容结束标签
<p> This is a paragraph </p>
<a href="default.htm" > This is a link </a>
<br />    

注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

 

HTML 元素语法

 

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性

 

嵌套的 HTML 元素

 

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

 

HTML 文档由嵌套的 HTML 元素构成。

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

 

空的 HTML 元素

没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。

<br /> 就是没有关闭标签的空元素(<br /> 标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素必须被关闭。

在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

 

属性为 HTML 元素提供附加信息。

 

HTML 属性

 

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息

 

属性总是以名称/值对的形式出现,比如:name="value"

 

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

 

HTML 标准属性

核心属性 (Core Attributes)

以下标签不提供下面的属性:base、head、html、meta、param、script、style 以及 title 元素。

属性描述
class classname 规定元素的类名(classname)
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式(inline style)
title text 规定元素的额外信息(可在工具提示中显示)

 

 HTML 标准属性 链接地址:http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

 

 

 

posted @ 2012-06-15 17:29  oaijuru  阅读(227)  评论(0编辑  收藏  举报