在搭建Blog的过程中,难免不会触碰到关于网页方面的知识,尤其是在揣摩他人的网页源码时。只有明白自己缺了什么,才能逐步给自己的网页添砖加瓦嘛。所以为了观摩的方便一些,HTML的知识还是要初略涉及一点的。

At first:

在浏览器中,所有查看的信息均是以网页的形式展开的。而网页也称为HTML(Hypertext Markup Language)页面。可以说,HTML即是一种超文本标签语言,也是用于描述网页文档的一种标记语言。一个HTML页面由各种标签组成,如显示标题的<title>标签、显示图片的<img>标签等,这些标签通知了浏览器如何显示自己构思的页面效果。

About:HTML

在html中,一般而言,各标签都是成对出现的,即起始标签为<标签名>,结束标签为</标签名>。其基本结构分为两个部分,分别是头部(head)和主体(body)。头部包含网页标题(title)等基本信息,主体包含网页的内容信息(如文字、图片等)。

html怎么画组织架构图 html的基本框架结构_标签名

其中<html>标记HTML内容的开始和结束<head>包含不在正文中显示的关键字、标题和脚本等;<body>标记网页的正文部分,所有需要显示的内容均包含在此标签。由这个大致框架,我们就可以在其中添加其它标签来充实或渲染该网页的内容。

由此我们来演示一个经典页面:

<!DOCTYPE html>
<html lang="en">				//language为english
<head>
    <meta charset="UTF-8">		//字符编码类型
    <title>Welcome</title>
</head>
<body>
    Hello World!!!
</body>
</html>

html怎么画组织架构图 html的基本框架结构_标签名_02

此外在<body>添加bgcolor属性可改变背景颜色、background属性可改变网页的背景图片。其中颜色的取值可以使用颜色的名称、RGB值或其十六进制。例如我将<body>改成<body bgcolor="#B0D5DF">后:

html怎么画组织架构图 html的基本框架结构_标签名_03