Introduction of HTML(1): Tag, Element and Property

Published: by Creative Commons Licence

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文档 = 网页

Web浏览器的作用是读取HTML文档，并以网页的形式战术出他们。

浏览器不会显示HTML标签，而是使用标签来结束页面的内容

<html>
    <body>
        <h1>一级标题</h1>
        <p>段落。</p>
    </body>
</html>
  • <html></html>之间的文本描述网页
  • <body></body>之间的文本是可见的页面内容
  • <h1></h1>之间的文本被现实为标题
  • <p></p>之间的文本被显示为段落

HTML元素

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

开始标签通常被称为开放标签(opening tag)，结束标签常被称为闭合标签(closing tag)。

HTML元素语法

  1. HTML元素从开始标签起始，从结束标签结束终止；
  2. 元素的内容是开始标签和结束标签之间的内容；
  3. 有些元素具有空内容(empty content)；
  4. 空元素在开始标签中进行关闭(以开始标签的结束而结束)，比如<br />；
  5. 大多数HTML元素可拥有元素。
  • HTML元素可以嵌套，嵌套的时候使用缩进（推荐）；
  • HTML文档由嵌套的HTML元素构成；
  • 不要忘记结束标签；
  • 推荐使用小写标签（未来趋势）;

HTML属性

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

属性出现形式：名称="属性"，如`name="value"'；且总是在HTML的开始标签中定义。

  • 属性和属性值推荐小写（未来趋势）；
  • 为属性值要求使用引号（如果属性值本身含有双引号，那么属性值用单引号括起来，如name='say"hello world."'