购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.3 HTML网页技术简介

HTML网页技术是一切网页技术的基础,只有学好HTML技术,才能做出精美的网站。在本节作者将详细地阐述HTML网页技术,希望读者能认真体会并动手实践。

1.3.1 什么是HTML

HTML(Hypertext Markup Language),即超文本标记语言。没有基础的读者也不要对“语言”有所畏惧,这并不是计算机编程语言,而是由一些命令组成的描述性文本。

HTML命令用于说明并组织网页上的文字、图形、动画、声音、表格、链接等。网页上的内容都是由HTML命令组织起来的,可见HTML技术在网页中的重要性。

组织网页元素的HTML命令是由<和>包括的,这些HTML命令也叫HTML标签。一般的HTML标签是成对出现的,被组织的网页元素放在首尾标签内,如<b>你好</b>。也有少数标签是单个出现的,如<br>、<img>。

网页文件,即采用HTML标签组织内容并符合HTML规范的文件,一般扩展名为htm或者html。

注意 :HTML格式的文件是一种文本文件,里面的内容都是文本。

1.3.2 HTML网页的结构

HTML文件内容要包含在<html>和</html>标签内,完整的HTML网页文件应该包括头部和主体两大部分,如图1.4所示。

图1.4 HTML网页文件结构图

头部的HTML标签是<head>和</head>,这里主要放网页文件描述浏览器所需的基本信息。主体的标签是<body>和</body>,包含所要描述的网页具体内容。

在以后的学习中,HTML的网页结构一定要严谨书写,养成良好的习惯。

1.3.3 如何获取网页的HTML

刚刚接触网页制作的读者肯定对网上那些优秀的网页感兴趣,本节将学习如何获取这些网页的代码。综上所述,这些网页都是HTML标签组成的,读者可以直接查看其HTML源代码。查看方法为打开网页后右键单击页面空白处,并在弹出的菜单中选择“查看源文件”选项。

注意: 读者在操作时,一定要在网页没有任何内容的空白处右击。

还有一个查看源文件的办法,在浏览器菜单栏中单击“查看|查看源文件”。单击“查看源文件”后,读者可以马上看到此网页的HTML代码。系统会调用记事本便于查看HTML源代码,如图1.5所示。

图1.5 记事本查看网页的HTML源代码

如果读者需要保存此网页的HTML代码,只需以下几步。

(1)在记事本的菜单栏单击“文件”。

(2)在弹出的下拉菜单中选“另存为”。

(3)选择保存的路径。

注意 :保存后的文件为txt文本文件,而不是HTML网页文件。

利用优秀网页的代码作参考,是读者学习的好方法。 S0zyYIi3ATV+UU5T624tlt7N4f1XTawLeUUAPA6WI7dEFacXNVHQCCEYzTFCeCXF

点击中间区域
呼出菜单
上一章
目录
下一章
×