HTML是用来构建网页的超文本标记语言
HTML文档也叫web文档;把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 Tag)
<标签名> 内容 </标签名>
HTML标签通常是成对出现,譬如<p>段落的内容</p>
前者<p>
为开始标签,后者</p>
为结束标签,会比开始标签多一个斜杠/
HTML标签也存在单独出现的情况,诸如<br>
与<img>
等
开始标签(start tag)又称起始标签(opening tag),结束标签(end tag)又称闭合标签(closing tag)。
不管是Chrome浏览器还是IE浏览器、搜狗浏览器、火狐浏览器,这些网页浏览器的本质目标都是一样的,即读取HTML文档并展示HTML文档所描述的内容。
备注:浏览器不会显现出标签名,而是根据HTML文档源码展示出源码所描述的内容。
下面是对HTML页面结构的可视化解析:
</head>
</body>
备注:浏览器主体页面只显示上述的<body>区域(白色部分)的内容。
版本 | 发布年代 |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML 5 | 2014 |
如上所示,HTML出现过不同的版本。HTML5已是主流,关于XHTML的一切都不需要学习与考虑。