网页设计与制作实验指导书实验项目一使用HTML标记语言编写网页

最新推荐文章于 2022-04-18 11:52:46 发布

丁丁Tinsley1117

最新推荐文章于 2022-04-18 11:52:46 发布

阅读量2.3k

点赞数 1

文章标签： html

本文链接：https://blog.csdn.net/qq_45157635/article/details/111355920

版权

实验项目一使用HTML标记语言编写网页

实验目的：
1、熟悉站点的基本结构和工作原理
2、能够创建站点
3、熟练掌握常用HTML标记的格式、属性和应用方法。

实验器材：
电脑；Win7及以上操作系统；记事本

实验原理：
1、网站文件夹结构原则：网站需要的所有文件都要放置在站点根目录下，所有文件用子文件夹分类存放，用最少层次提供最清晰合力的文件夹结构。站点根目录只允许存放index.html及其他必须的系统文件，其他文件均放置在相应的子文件夹中。
2、文件夹及文件的命名规则
（1）文件名可以使用字母、数字、减号（-）和下划线（_）等字符，避免出现汉字。
（2）禁止使用特殊字符，如@#￥%&*等。
（3）文件名之间不能有空格。
（4）首页文件名是网页服务器预设的，所以文件名必须按照网页服务器的定义命名，通常为index.htm、index.html、default.htm。
（5）大部分网页服务器都区分大小写，最好统一使用小写英文，尤其是关键网页文件，文件名长度以简单短小为原则。建议尽量使用一些简单易懂的缩写。
3、HTML文档基本结构

<html>
<head>
   <title>Title of page</title>
</head>
   <body>
      This is my first homepage. 
   <b>This text is bold</b>
   </body>
</html>

实验步骤：
Step1:创建站点文件夹
打开“我的电脑”，在E：盘创建文件夹“mysite”作为站点根目录，打开该文件夹，在里面创建文件夹“image”用于存放网站图片，创建文件夹“web”用于存放内页
Step2:创建主页
打开记事本，在其中输入图1代码，将此文件保存为index.html，保存在站点根目录下。
Step3：创建内页
打开记事本，在其中输入图2代码，将此文件保存为news.html，保存在E:/mysite/web文件夹中。
Step4：用浏览器打开页面进行测试，用记事本打开网页文件进行修改，直到完善。
贴代码图
实验结果分析：
通过<img src=””>标记实现了图片的显示
通过<a href=” ”>实现了主页和页面或网址的连接
……
贴效果图
实验总结及心得体会：
通过本次实验我学会了……知识，锻炼了我的……能力，培养了我的……品质或情趣。