肉渣教程

HTML 简介

上一节 下一节

什么是HTML?

HTML是用来构建网页的超文本标记语言

HTML文档也叫web文档;把HTML代码保存成.html格式的文件,用浏览器打开,那就是所谓的网页。

  • HTML语言的全称是超文本标记语言 ( Hyper Text Markup Language )
  • HTML不是一种编程语言,而是一种标记语言
  • HTML页面 ( HTML Page ) 是由HTML元素 ( HTML elements ) 组成
  • HTML元素 ( HTML elements ) 则是通过HTML标记标签HTML Tag )来描述
  • 浏览器只会显示每个HTML标签标记出的内容,而标签并不会被显示

这是一个HTML文档

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>专否 zhuanfou.com</title>
</head>

<body>
    <h1>这是H1标题</h1>
    <p>这是一个段落。This is a paragraph.</p>
</body>

</html>

运行一下

对上例的解析

  • <!DOCTYPE html>定义这是一个Html5文档
  • <html></html>之间的代码是在描述整个网页
  • <head></head>之间一般包含meta标记信息
  • <title></title>之间的文本即该网页文档页面标题
  • <body></body>之间的内容即该网页的可见内容
  • <h1></h1>之间的文本被显示为H1号大标题
  • <p></p>之间的文本则标记为一个段落

备注:<meta charset="utf-8">是在定义该页面的编码格式为utf-8格式;utf-8编码,又称万国码,用在网页上可以统一页面显示中文简体繁体及其它语言(如英文,俄文,日文,韩文等等)。

HTML 标签

HTML标记标签,通常简称HTML标签(HTML Tag)

<标签名> 内容 </标签名>

HTML标签通常是成对出现,譬如<p>段落的内容</p>
前者<p>开始标签,后者</p>结束标签,会比开始标签多一个斜杠/
HTML标签也存在单独出现的情况,诸如<br><img>

开始标签(start tag)又称起始标签(opening tag),结束标签(end tag)又称闭合标签(closing tag)。

网页浏览器


不管是Chrome浏览器还是IE浏览器、搜狗浏览器、火狐浏览器,这些网页浏览器的本质目标都是一样的,即读取HTML文档并展示HTML文档所描述的内容
备注:浏览器不会显现出标签名,而是根据HTML文档源码展示出源码所描述的内容。

HTML 页面结构

下面是对HTML页面结构的可视化解析:

<html>
<head>
<title>该HTML文档的标题</title>

</head>

<body>
<h1>这是一个H1标题</h1>
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

</body>

</html>

备注:浏览器主体页面只显示上述的<body>区域(白色部分)的内容。

HTML 版本

版本 发布年代
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014

如上所示,HTML出现过不同的版本。HTML5已是主流,关于XHTML的一切都不需要学习与考虑。


HTML 简介

上一节 下一节