hbuilderx制作简单网页_制作一个简单的网页

HTML(HyperText Markup Language)是一种简单、通用的超文本标记语言&＃xff0c;Web服务器返回给客户端的最常见的内容就是HMTL文档。可以用其制作包含图像、文字、声音等精彩内容在内的网页&＃xff0c;它由浏览器解释并显示在用户浏览器的窗口中。HTML文档的基本结构如下所示&＃xff1a;

基本HTML页面从标记开始&＃xff0c;到结束。在它们之间&＃xff0c;就是头部分和主体部分。头部分用

【例】用HTML语言设计一个简单的网页页面&＃xff0c;设计后打开页面如下图所示&＃xff1a;

设计步骤如下&＃xff1a;新建一个记事本文件&＃xff0c;把下面的代码添加到文件中&＃xff0c;并将文件名保存为“×××.htm”。

照此示例&＃xff0c;设计和编辑自己的网页文件&＃xff0c;要求其中包含自己的个人信息&＃xff0c;参考下图所示&＃xff1a;

照此示例&＃xff0c;设计和编辑自己的网页文件&＃xff0c;要求其中包含自己的个人信息&＃xff0c;参考下图所示&＃xff1a;

当然&＃xff0c;HTML语言作为网页设计的基础&＃xff0c;有必要作一下了解&＃xff0c;但是实际操作&＃xff0c;可以采用更加直接、高效的方式——使用网页设计工具&＃xff1a;网页三剑客中的Dreamweaver或微软Office中的SharePoint(Office 2003以下版本名为&＃xff1a;FrontPage)。如有兴趣&＃xff0c;可自行学习掌握。
但是&＃xff0c;通常&＃xff0c;Office套件中的SharePoint不是默认安装的组件&＃xff0c;Dreamweaver也需另行安装。如果急需制作一个简单的网页文件&＃xff0c;通常计算机中的一个软件也是可以胜任此职的&＃xff0c;那就是文字编辑软件——Word或WPS。
下面&＃xff0c;以Word为例&＃xff0c;完成一个简单静态网页的制作。
设计网页中&＃xff0c;超链接是一个重要环节&＃xff0c;设置超链接的具体位置如下图所示&＃xff1a;

选择右键菜单的“超链接”后&＃xff0c;“插入超链接”的属性设置界面如下图所示&＃xff1a;

其中&＃xff0c;“链接到”可链接四种类型&＃xff1a;
(1)原有文件或网页&＃xff1a;表示链接到已经创建过的网页&＃xff0c;在“查找范围”中可以锁定其文件位置&＃xff1b;
(2)本文档中的位置&＃xff1a;表示链接到文档中的一个“书签”处。书签&＃xff0c;是长网页文档中某一位置的标识&＃xff1b;
(3)新建文档&＃xff1a;表示链接到一个新建文档&＃xff0c;并在创建过程中&＃xff0c;保存其文档名和文档位置&＃xff1b;
(4)电子邮件地址&＃xff1a;表示链接指向一个电子邮件地址。
大家可以逐一尝试并体会创建这四种类型链接的差别。
编辑好超链接属性后&＃xff0c;将文档“另存为”网页文件格式(文件名为&＃xff1a;×××.htm)&＃xff0c;用浏览器显示其内容为&＃xff1a;

这样&＃xff0c;带有超链接元素的简单静态网页就制作好了。