首页 > 网络课堂 > 网页结构轻松学 > 基本的HTML网页结构
基本的HTML网页结构
互联网起源于1969年的阿帕网,然后逐渐发展,但最初在互联网上只能使用字符,界面简单、功能有限,主要是一些专业人员在使用,应用范围很窄。1989年,欧洲粒子物理实验室的人提出了基于超文本协议的系统,
在这种超文本中不仅仅能显示一些样式统一的字母,还能为文件加入粗体、斜体、字型、字体、颜色、背景色等样式属性,并可以加入链接、图片等多媒体内容,使互联网中的内容大大丰富起来,
更方便的是可以通过鼠标点击来进行页面切换、转向等,不用去记忆一些快捷键和命令,普通用户也能很快学会使用。这种超文本主要是在浏览器中显示和使用的,并随着浏览器的发展而迅速普及开来,
对互联网的普及起到重要作用,现在小孩老人也都会上网了,而上的网站也主要是这种超文本的网站,超文本网站现在成了互联网的主流。
网站是由一个个网页及网页所需要引入的文件所组成,而网页则是使用HTML来描述的。HTML是HyperText Markup Language的缩写,含义是超文本标记语言,最初的版本是1993年6月发布的草稿,1995年11月发布HTML 2.0,
1997年1月发布HTML3.2,1997年12月发布HTML4.0,这是普遍使用的版本,2014年10月发布HTML5推荐标准,目前正是HTML4向HTML5逐渐过渡时期,也是HTML5快速发展期。
一般的文本文件只能使用字符,而为了描述多媒体及其他一些页面元素,就加入了一些标记Mark,也有人称为标签。
标记都是使用<>来括起来的有特定含义的字符串,其中大部分标记都是成对的,如、
、、、、、等等,其中不带斜杠的称为起始标记,而带斜杠的则称为结束标记,两个标记之间是这种标记所描述的内容部分,
这类成对的标记称为闭合标记;也有部分标记是单个的,如<br/>、<hr/>、<input/>、<img/>等,一般建议在这种标记后面加上斜杠,但对不带斜杠的浏览器一般也能识别。这类标记称为非闭合标记。这些标记,
很多可以设置属性,并使用属性值来设置一些参数,如<a></a>标记用href属性来定义超链接地址,<img/>标记使用src属性设置图片路径。
通过这些有特定含义的标记,就可以描述一个页面中的各种内容,如加入超链接、脚本代码、CSS样式表及图片、音频、视频等多媒体文件。其实,最主要的是,通过这些标记可以定义网页的结构,
将一个页面以一致的样式在浏览器中显示出来。一个标准页面的基本结构为:
标题页面内容
可以看出,整个页面包含在标记之间,其中分为两部分,
为网页头部,用来设置页面相关的参数;标记之间是页面标题,其他参数大多是使用标记来定义,用设置标记属性参数的方式来定义,其中是使用charset设置网页使用的字符集,使用refresh设置页面刷新间隔,
而viewport主要用于手持终端中,电脑浏览器中并不使用,但为了能适合手持终端最好进行设置。
网页头部还有两部分重要内容--页面脚本代码和CSS样式表,分别放置于和标记中,其中内容分别在JavaScript和CSS中介绍。
HTML中可以使用注释语句,使用把需要注释的内容放入其中,浏览器就会忽略其中的内容,不会读取处理,也不会显示出来。