篇一：实验报告 -html实验1

HTML简单页面制作

一、实验目的：

1、学习如何编写HTML文档；

2、练习使用HTML中最基本的一些标签，如定义标题、段落及标记文字的显示格式、背景图片、图像、水平线和超链接等。

二、实验要求：

1、掌握简单页面制作，熟练使用常用标签；

2、掌握超级链接的使用；

三、实验代码以及运行结果：

（1）代码

<html>

<head>

<title>且行且珍惜</title>

</head>

<body>

且行且珍惜

<pre><a href="美文插图.html">美文插图</a> <a href="划过心间的台词.html">划过心间的台词</a> <a href="创意大百科.html">创意大百科</a> <a href="镜头里的世界.html">镜头里的世界</a> <a href="999道懒人私房菜.html">999道懒人私房菜</a> <a href="冷笑话精选集.html">冷笑话精选集</a></pre>

…… …… 余下全文

篇二：html实验报告

Web教育平台开发实验报告

学号 101405619 姓名陈芳专业信息技术班级 本科班

日期 2013年3月11号

教师评语

日期： 2013 年 3月 11 日

…… …… 余下全文

篇三：使用html编制网页(实验报告)

实验三使用HTML语言编制网页

学号 201114004 姓名王渝迪专业计算机科学与技术成绩

【实验目的】

使用HTML语言编制网页。

【实验内容】

1、熟悉Dreamweaver软件的环境；

2、掌握HTML语言；

3、独立完成一个HTML网页。

【实验步骤】

1，新建一个HTML文件，插入一个的表格，按照自己的设计对表格进行合并以及尺寸的修改，如进行单元格的合并。

2，按照自己的设计，在表格的相应位置插入图片，并根据表格的大小，适当的调整图片的比例，使图片和表格比例和谐。

3，在代码段中插入文字，使之显示在网页中，并根据表格的大小，适当调整文字，并对文字进行设置，达到自己想要的效果。

4，制作链接。给一张图片添加连接。

【实验结果】

【实验心得和体会】

本次试验用上次试验的一部分代码。然后增加了给一个图片添加超链接的功能。用<h1>标签来定义一个标题。用标签来定义一段文字。

…… …… 余下全文

篇四：熟悉html (实验报告)

实验一熟悉HTML语言

学号 201114004 姓名王渝迪专业计算机科学与技术成绩

【实验目的】

掌握HTML的基本内容。

【实验内容】

1、熟悉Dreamweaver软件的环境；

2、掌握HTML语言；

3、独立完成一个HTML作品。

【实验步骤】

打开Dreamweaver，新建一个站点来存放自己制作的东西。新建一个HTML文件，熟悉HTML的代码。

了解HTMl语言编写的格式。<html>和</html>中是网页的主代码，<head>和</head>中放一些网页的相关信息，<title>和</title>中放网页的文字，<body>和</body>中放网页的正文部分，如文字、图片和表格等等。可以根据自己的需要在代码段中增加相应的代码来实现自己的目的，也可以直接通过直接添加，然后在代码段自动生成相应的代码，如直接插入图片，表格。

【实验结果】

【实验心得和体会】

第一次接触关于网页制作的实验，原本我认为网页制作很困难，但是现在自己能够制作简单的网页了。通过这次实验，我了解了关于网页制作的一些基本html语句，和html语句的使用方法。希望自己能够多练习，熟练掌握html语句。

…… …… 余下全文

篇五：html部分实验手册

《网页制作》

实验第一部分 HTML

【实验时间】

? 第2至4周

【实验目的】

? 掌握HTML语法。

? 深入理解标记及属性应用。

? 能够使用HTML编写简单网页。

【实验环境与设备】

计算机实验室

要求：机器上安装有IE浏览器和记事本等。

【实验要求】

? 重点练习下列例子，所有例子大家可根据需要自行设计改变。 ? 上交作业

? 设计一个简单网站，主题自拟。

? 最少由4个页面组成，包括一个主页和3个以上其他页面，页面间可通过链接跳转。

? 要求页面中要综合应用到文字、图像、Flash动画、表单、超链接、表格（普通表格或表格布局均可）。

? 提交作业命名方式，每个同学创建一个文件夹（命名以“学号+姓名组成”，如“2009770329张三”），将网页和所有用到的素材放入其中，内部再创建文件夹不限制。

以下例子为练习时重点练习对象

实验一网页基本结构【例2-1】

步骤1：新建一个文件夹用于存放网页，比如在

html部分实验手册

E盘创建一个文件夹myweb，以后我们把它作为站点根目录。

步骤2：用记事本编写以上代码，标题和网页主体内容可以适当修改。

步骤3：保存文件，在保存时文件名命名为1-1.html或1-1.htm（注意：其中1-1为自己为文件起的名字，可修改，但扩展名必须为html或者htm），另外将“文 <html> <head> <title>我的第一个网页</title> </head> <body> 少年不识愁滋味，为赋新词强说愁 </body> </html> ，

件类型”改为“所有文件”，如下图。

步骤4：保存完毕后，在文件夹myweb中可以看到如右所示IE图表，双击即可查看网页效果，如需要继续编辑，则右键选择以记事本打开。

html部分实验手册

…… …… 余下全文

篇六：实验 html实验一

实验五 html语言的了解

实验目的：

1、掌握html文档的基本结构

2、熟练使用并掌握html语言中各种基本标记（文字格式）标记的使用方法。

实验内容：

1、利用记事本编写简单的html程序；

2、练习使用文本格式标记及其常用属性；

实验要求：

按照要求完成以下效果。（图片可以自拟）

…… …… 余下全文

篇七：html网页设计总结

1.... 第一章... 3

1.1 第一节... 3

1.1.1 第一课认识HTML. 3

1.1.2 第二课段落及超链接... 4

1.1.3 第三课设置背景图及图片... 6

1.1.4 第四课表格... 6

1.1.5 第五课 hr属性、滚动字符、列表... 8

1.2 第二节... 10

1.2.1 第一课表单... 10

1.2.2 第二课按钮及下拉框... 11

1.2.3 第三课框架，标签iframe. 13

1.2.4 第四课背景音乐，多媒体... 14

1.3 第三节css 15

1.3.1 第一课了解css 15

1.3.2 第二课属性... 15

…… …… 余下全文

篇八：实验1 html使用(1)

实验一 HTML标记语言

一．实验目的：

1．掌握html中<head>、<title>等使用；

2．掌握使用<body>标记设置网页背景颜色和文本颜色。学习使用分段标记；

3．掌握使用标记设置文字的属性；

4．掌握在网页中插入背景图片；

5．掌握在网页中插入水平线，并设置水平线的属性；

6．掌握在网页中插入背景音乐。

二．预备知识

1.网页

（1）网页就是在浏览器上看到的一页，网页也称为Web页。

（2）主页通常是进入网站首先浏览的网页，具有引导用户浏览整个网站内容的作用。

（3）超链接是网页中的特殊标记。它指向了WWW中的其他资源，如其他网页、网页的另一个段落、声音文件等。这些资源可以位于自己的计算机上，也可以位于其他计算机上。用作超链接的标记可以是一段文字、一幅图像，也可以是一幅图像的一部分。在浏览网页时，单击超链接就可以跳转到超链接所指向的资源。超链接像一根一根的线一样，将各种网页链接在一起，形成一个庞大的信息网。

2.HTML语言

（1）HTML语言就是超文本标记语言，是网页制作的基础，也是基本的工具，使用其他任何工具制作的网页，最终都要以HTML方式存储在计算机里。

（2）HTML的脚本可用任何一种文本编辑器进行编写，如记事本、Microsoft Word等。保存时要将脚本保存成纯文本格式，扩展名必须是.htm。

（3）HTML脚本的基本结构。HTML脚本总是以<html>标记开头，</html>标记结尾，在<html>和</html>标记之间是HTML的所有内容，一般情况下它分为两部分：头部和主体。头部总是由<head>和</head>标记定义的，其中包含了HTML脚本的标题和说明信息；头部下面是HTML脚本的主体部分，它以<body>作为起始标记，</body>作为结束标记，其中所包含的就是在浏览器中所看到的内容，包括文字、图片、动画等。

…… …… 余下全文

HTML实验总结

实验三 使用HTML语言编制网页

实验一 熟悉HTML语言

学号 201114004 姓名 王渝迪 专业 计算机科学与技术 成绩

实验三使用HTML语言编制网页

实验一熟悉HTML语言

学号 201114004 姓名王渝迪专业计算机科学与技术成绩