下载文档原格式
一、实验目的1. 熟悉网页编辑的基本工具和操作方法。
2. 掌握网页设计的基本原则和技巧。
3. 提高网页制作和美化的能力。
二、实验环境1. 操作系统：Windows 102. 网页编辑软件：Adobe Dreamweaver CC3. 浏览器：Google Chrome三、实验内容1. 创建一个简单的网页2. 网页布局与排版3. 网页元素添加与编辑4. 网页样式设置与美化5. 网页交互效果实现四、实验步骤1. 创建一个简单的网页（1）打开Adobe Dreamweaver CC，新建一个网页文件。
（2）在“插入”菜单中，选择“HTML”选项，然后选择“标签”中的“body”。
（3）在“属性”面板中，设置网页的背景颜色、文字颜色等属性。
（4）在“插入”菜单中，选择“HTML”选项，然后选择“文本”中的“段落”。
（5）输入网页内容，并调整段落格式。
2. 网页布局与排版（1）选择“插入”菜单中的“布局”选项，然后选择“Div标签”。
（2）在“属性”面板中，设置Div标签的宽度和高度，以及边距和填充。
（3）将网页内容分别放入不同的Div标签中，实现网页的布局。
（4）调整Div标签的位置和大小，使网页排版美观。
3. 网页元素添加与编辑（1）在“插入”菜单中，选择“媒体”选项，然后选择“图像”。
（2）选择需要插入的图片，并设置图片的大小、对齐方式等属性。
（3）在“插入”菜单中，选择“表单”选项，然后选择“文本框”。
（4）设置文本框的属性，如宽度、高度、边框颜色等。
（5）在“插入”菜单中，选择“表单”选项，然后选择“按钮”。
（6）设置按钮的属性，如文本、样式等。
4. 网页样式设置与美化（1）选择“插入”菜单中的“CSS样式”选项，然后选择“新建CSS规则”。
（2）在“选择器”中输入选择器的名称，如“.title”。
（3）在“规则定义”中，设置标题的字体、颜色、大小等属性。
（4）将CSS样式应用于网页中的标题元素。
网页设计与制作实验指导一览表实验1 HTML语言实训目的:为了让学生能熟悉学习网页不可避免要接触的HTML语言，达到用该语言可以建立一个简单的网页的目的，同时了解建立站点是做网站必不可少的，要掌握建立站点的方法。
素材准备：准备制作网页所需的文字素材、图像素材。
实验课时：2学时实验内容：1.创建站点；2.新建网页以及保存，重命名；3.输入HTML语言。
实验步骤：1.在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。
2.定义站点：设置 "站点名称"，命名为 "mysite";设置本地根文件夹,指定为E盘下的root文件夹;设置 "HTTP地址"为localhost。
3.创建与设置文档的页面属性：新建一个页面，保存名为“HTML基础”的文档。
4.切换代码模式下，输入代码。
5.保存文件，预览文件效果。
实验过程注意事项:1.在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；2.所有的图片文件单独放在image文件夹内。
实验思考:除了用HTML语言来做这个网页，还有没有其它的方法？书写实验报告要求:根据最终所作的网页，写出实验报告。
页面效果图：图1-1实验2 初识Dreamweaver实验目的：为了让学生能熟练掌握Dreamweaver的安装与卸载，启动与退出，基本工作环境和设置，对Dreamweaver操作环境有一定了解。
素材准备：准备好从网上下载的安装程序。
实验课时：2学时实验内容：1.安装Dreamweaver：2.Dreamweaver的启动与退出：3.了解工具栏、菜单栏、标题栏等工作环境：4.卸载Dreamweaver实验步骤：1.打开从网上下载的Dreamweaver程序，双击安装。
2.安装完成后输入注册号。
3.启动Dreamweaver，并查看工具栏、菜单栏、标题栏等工作环境。
Web网页设计实验报告1. 引言本文档旨在记录并分析本次Web网页设计的实验过程和结果。
我们小组的目标是设计一个优雅、用户友好且功能完善的网页。
通过分步思考和逐步迭代的方式，我们将逐渐实现这个目标。
2. 步骤一：需求分析在设计之前，我们首先进行了需求分析。
我们与客户进行了深入的讨论，了解了他们对网页的要求和期望。
我们还对类似的网页进行了调研，以便了解当前的设计趋势和最佳实践。
3. 步骤二：草图设计基于需求分析的结果，我们开始进行草图设计。
我们使用纸和铅笔绘制了初步的草图，以便快速捕捉我们的想法和创意。
我们与小组成员共享这些草图，并就每个设计方案进行讨论和评估。
4. 步骤三：原型设计根据草图设计的结果，我们开始使用设计工具创建网页的原型。
我们选择了[设计工具名称]，因为它提供了丰富的设计元素和易于使用的界面。
在原型设计过程中，我们对页面的布局、颜色方案和字体进行了仔细的考虑。
5. 步骤四：界面设计在完成原型设计后，我们开始进行界面设计。
我们使用HTML和CSS来实现我们的设计，并确保页面的响应式布局。
我们还使用JavaScript来添加一些动态效果和交互功能，以提升用户体验。
6. 步骤五：测试与优化在设计过程的各个阶段，我们都进行了测试和优化。
我们邀请了一些用户来测试我们的网页，并收集他们的反馈。
根据用户的反馈和我们自己的观察，我们进行了一系列的优化工作，以改进页面的性能、可用性和用户满意度。
7. 步骤六：部署与维护在完成测试和优化后，我们将网页部署到服务器上，使其可以通过互联网访问。
我们还设立了一个维护团队，负责定期更新和维护网页，以确保其正常运行和提供最佳的用户体验。
8. 结论通过逐步思考和迭代的方式，我们成功地设计了一个优雅、用户友好且功能完善的网页。
我们的设计不仅满足了客户的需求和期望，而且符合当前的设计趋势和最佳实践。
在设计过程中，我们充分利用了各种工具和技术，并通过测试和优化不断改进网页的性能和用户体验。
网页设计与制作CSS实验报告1. 实验目的本次实验旨在掌握网页设计与制作的基本原理，并运用CSS技术实现对网页的样式和布局的控制。
2. 实验步骤2.1 设计网页结构首先，我们通过HTML语言搭建了一个简单的网页结构。
在网页的`<head>`标签中引入了一个外部的CSS样式表文件，以便之后的样式控制。
html<!DOCTYPE html><html><head><link rel="stylesheet" type="text/css" href="style.css"></head><body><! 网页内容></body>2.2 添加CSS样式接下来，我们使用CSS技术对网页进行样式控制，包括文字样式、背景样式、布局等。
2.2.1 文字样式通过CSS选择器，我们可以选择特定的元素，从而对其文字样式进行控制。
例如，我们可以使用以下CSS代码对网页的段落文字进行样式设置：cssp {font-family: Arial, sans-serif;font-size: 16px;color: 333333;}2.2.2 背景样式除了文字样式，我们还可以使用CSS对网页的背景进行样式控制。
通过CSS代码，我们可以设置背景颜色、背景图片等。
例如，以下CSS代码将网页的背景设置为白色，并添加了一张背景图片：cssbackground-color: ffffff;background-image: url("background.jpg");background-repeat: no-repeat;background-size: cover;}2.2.3 布局样式此外，CSS还可以控制网页的布局，包括元素的位置、大小等。
我们可以使用CSS代码来调整网页布局，以使其更加美观。
网页制作实验报告一、实验目的。
本实验旨在通过实际操作，掌握网页制作的基本原理和技术，了解网页设计的基本要求和规范，培养对网页设计的兴趣和能力。
二、实验内容。
1. 学习HTML和CSS基础知识；2. 制作一个简单的静态网页，包括文本、图片和超链接等元素；3. 掌握网页布局和样式设计的基本方法。
三、实验步骤。
1. 学习HTML和CSS基础知识。
在实验开始前，我首先对HTML和CSS进行了系统的学习。
HTML是网页的标准标记语言，用于建立网页的结构；而CSS是层叠样式表，用于控制网页的样式和布局。
通过学习这两门技术，我对网页制作有了更深入的理解。
2. 制作一个简单的静态网页。
接下来，我开始动手制作一个简单的静态网页。
首先，我创建了一个HTML文件，并在其中编写了网页的基本结构，包括头部、导航栏、内容区和底部等部分。
然后，我利用CSS对网页进行了样式设计，包括字体、颜色、边框等样式的设置。
同时，我还插入了一些图片和超链接，丰富了网页的内容。
3. 掌握网页布局和样式设计的基本方法。
在制作网页的过程中，我深入学习了网页布局和样式设计的基本方法。
通过调整CSS样式表中的参数，我改变了网页的布局和样式，使其更加美观和易于阅读。
同时，我还学会了如何使用浮动、定位和响应式布局等技术，使网页在不同设备上都能够正常显示。
四、实验总结。
通过本次实验，我深入了解了网页制作的基本原理和技术，掌握了HTML和CSS的基础知识，学会了制作简单的静态网页，并掌握了网页布局和样式设计的基本方法。
这些知识和技能对我今后的学习和工作都具有重要的意义，我会继续努力学习，提高自己的网页制作能力。
五、实验感想。
网页制作是一门非常有趣和实用的技术，通过本次实验，我对网页制作有了更深入的了解，也增强了对这门技术的兴趣。
我相信，在今后的学习和工作中，我会继续深入学习网页制作技术，不断提高自己的能力，为将来的发展打下坚实的基础。
六、参考资料。
1. 《HTML5权威指南》。
网页制作实验报告一、实验目的本次网页制作实验的主要目的是通过实践操作，深入了解网页制作的流程和技术，掌握网页设计的基本原理和方法，提高自己的网页开发能力和创新思维。
二、实验环境1、操作系统：Windows 102、开发工具：Adobe Dreamweaver CC 2019、Sublime Text 33、浏览器：Google Chrome、Mozilla Firefox三、实验内容1、网页规划确定网页主题：本次实验选择制作一个个人博客网站，主要包括个人简介、文章展示、留言板等板块。
设计网页布局：采用了常见的上下型布局，顶部为导航栏，中间为主要内容区域，底部为版权信息。
收集素材：通过网络搜索和自己拍摄，收集了一些与博客主题相关的图片和文字素材。
2、 HTML 编写创建 HTML 文件：使用 Sublime Text 3 新建一个 HTML 文件，并设置基本的文档结构，包括`＜html>｀、｀＜head>｀和`＜body>｀标签。
构建网页框架：使用`＜div>｀标签划分网页的不同区域，如头部、导航栏、侧边栏、内容区和底部。
插入文本和图片：使用`＜p>｀标签插入文本内容，通过`＜img>｀标签插入图片，并设置图片的大小和位置。
3、 CSS 样式设计创建 CSS 文件：在同一目录下创建一个 CSS 文件，用于定义网页的样式。
设定字体样式：设置网页的字体类型、大小、颜色和行高。
设计布局样式：使用浮动、定位和弹性布局等技术，实现网页的布局效果，如导航栏的水平排列、侧边栏的固定位置等。
添加背景和边框：为网页的不同区域添加背景颜色和图片，以及边框样式。
4、 JavaScript 交互实现引入 JavaScript 文件：在 HTML 文件中通过`＜script>｀标签引入JavaScript 文件。
实现滚动效果：使用JavaScript 实现网页滚动时导航栏的固定效果，以及滚动到指定位置时的动画效果。
网页设计与制作实验报告网页设计与制作实验报告一、引言近年来，随着互联网的普及和发展，网页设计与制作已成为一门热门的技术和艺术。
本篇实验报告旨在总结和分析我们小组在网页设计与制作实验中的经验和成果。
二、实验目的本实验的主要目的是通过实际操作，掌握网页设计与制作的基本技能和流程，培养我们的创意思维和实践能力。
同时，通过团队合作，提高我们的沟通和协作能力。
三、实验过程1.需求分析在开始设计与制作网页之前，我们首先进行了需求分析。
通过与客户的沟通，我们了解到他们希望网页具有简洁、美观、易用的特点。
我们还收集了一些类似网页的参考资料，以便更好地了解行业趋势和用户需求。
2.界面设计基于需求分析的结果，我们开始进行界面设计。
我们首先绘制了草图，以便快速构思和修改设计方案。
然后，我们使用设计软件创建了高保真的界面原型，以便客户更好地理解我们的设计意图。
3.内容制作在界面设计确定后，我们开始进行内容制作。
我们编写了网页所需的文本内容，并收集了一些合适的图片和视频素材。
在整理和编辑内容时，我们注重信息的准确性和可读性，以及多媒体元素的适度运用。
4.页面编码页面编码是网页设计与制作的关键环节。
我们使用HTML、CSS和JavaScript等技术语言，将界面设计和内容制作转化为可视化的网页。
我们注重代码的结构和规范，以确保网页的兼容性和性能。
5.测试与优化在完成页面编码后，我们进行了测试与优化工作。
我们检查了网页在不同浏览器和设备上的兼容性，并修复了一些问题。
我们还进行了性能优化，以提高网页的加载速度和用户体验。
四、实验结果经过团队的共同努力，我们成功设计与制作了一个符合客户需求的网页。
该网页具有简洁、美观、易用的特点，内容丰富、布局合理。
我们还为网页添加了一些动画效果和交互功能，以增强用户的体验感。
五、实验总结通过本次实验，我们深入了解了网页设计与制作的流程和技术。
我们学会了如何进行需求分析、界面设计、内容制作、页面编码、测试与优化等工作。
第1篇一、实验目的1. 理解网页系统设计的基本概念和流程。
2. 掌握网页系统的规划、设计和实现方法。
3. 提高网页设计与制作能力，熟悉相关软件的使用。
二、实验环境1. 操作系统：Windows 102. 浏览器：Chrome3. 开发工具：Adobe Dreamweaver CC4. 编程语言：HTML、CSS、JavaScript三、实验内容1. 网页系统规划2. 网页系统设计3. 网页系统实现4. 网页系统测试与优化四、实验步骤1. 网页系统规划（1）明确系统功能：根据用户需求，确定网页系统的功能模块，如首页、产品展示、新闻资讯、联系方式等。
（2）确定页面布局：根据功能模块，规划页面布局，包括头部、导航栏、主体内容、底部等。
（3）设计导航结构：根据页面布局，设计导航结构，使用户能够方便地浏览各个页面。
2. 网页系统设计（1）设计页面风格：根据网站定位和用户需求，设计页面风格，包括颜色、字体、图片等。
（2）设计界面元素：根据页面风格，设计界面元素，如按钮、图标、表格等。
（3）设计交互效果：使用JavaScript等脚本语言，实现页面元素的交互效果，如滚动动画、鼠标悬停等。
3. 网页系统实现（1）编写HTML代码：使用HTML标签，构建网页结构。
（2）编写CSS代码：使用CSS样式，美化网页界面。
（3）编写JavaScript代码：使用JavaScript脚本，实现页面交互效果。
4. 网页系统测试与优化（1）功能测试：测试各个功能模块是否正常工作。
（2）性能测试：测试网页加载速度和响应时间。
（3）兼容性测试：测试网页在不同浏览器和设备上的显示效果。
（4）优化：根据测试结果，对网页进行优化，提高用户体验。
五、实验结果与分析1. 网页系统规划根据用户需求，本网页系统规划了以下功能模块：- 首页：展示网站简介、最新动态、热门产品等。
- 产品展示：详细介绍各个产品，包括图片、文字、价格等。
- 新闻资讯：发布公司新闻、行业动态等。
网页制作实验报告主题：NBA七大全明星一、实验目的通过利用框架集做一个简单的静态网页，主题为“NBA七大全明星”。
通过此次使用我应该更深的理解制作网页的具体步骤、方法，掌握创建一个网站的整个过程，有利于以后从事相关的事业打下坚实的基础。
最主要是可能锻炼自己的动手能力，查阅知识、运用知识的能力。
也能实现从书本到实践的运用能力。
二、实验步骤(一)、准备素材首页确定网页的主题和风格，收集各种可能需要的设计素材，素材包括图片，音乐，动画，视频，由于开始学习制作网页，所以我主要搜集图片和必须的文本。
并新建一个文件夹把搜集的素材放到该文件夹里面。
（二）、设计规划规划网站，对网页的整体框架和结构进行设计，我这个网页主要是用框架集来做主页面，设置三个框架和一个框架集，设置一个页面为主页面。
确定整个网站的内容，明确自己的网页需要满足的功能和内容。
（三）、具体设计1、创建站点。
点击【站点】下拉菜单的【创建站点】，命名站点（站点名为：2b）称和站点在计算机的路径，用英文为站点名。
具体的如图所示2、创建框架集面板。
在计算机里面运行Dreamweaver 8,在“文件”下拉菜单点击【新建】，打开【新建文档】对话框，选举【框架集】里的“上方固定，下方左侧嵌套”，并点击【创建】按钮，如图所示：3、调整各个框架的大小，分别保存各个框架和框架集并命名。
顶端的框架为top.html,左下角框架：left.html.右下角框架：main.html,框架集：index.html（注：不能用汉字，只能用英文字母）。
选中框架最简洁的方法是在【视图】菜单下点击【框架】或者按快捷键【shift+f2】。
然后在右下角显示框架面板图，就可以在面板中选中要编译的框架。
4、设置各个框架的内容。
分别给各个框架加入合适的背景色或者或者插入图片并插入相应的导航和主题。
（1）、选中top.html的框架，在属性窗口中点击【页面属性】弹出页面属性对话框，选择【外观】，在背景图像中点击【浏览】选择准备好的图片（通过photshopt处理过的图片，尺寸大小为：长1440高160），按住【确定】把图片传到网页上，调整框架大小与图片大小的宽度一样。
网页制作实验报告网页制作实验报告一、引言现如今，随着互联网的迅速发展，网页设计成为了一门热门的技能。
本文旨在分享我所进行的网页制作实验，并对实验过程和结果进行详细的描述和分析。
二、实验目的本次实验的目的是通过学习网页制作的基本知识和技巧，掌握HTML和CSS的使用方法，并能够独立设计和制作一个简单的网页。
三、实验过程1. 学习HTML和CSS基础知识：在开始实验之前，我先通过阅读相关教材和在线教程，学习了HTML和CSS的基本语法和标签，了解了网页的结构和样式设计原理。
2. 设计网页结构：在实验中，我首先考虑了网页的整体结构和布局。
通过使用HTML标签，我创建了一个包含导航栏、内容区域和页脚的基本网页框架。
3. 添加内容和样式：在网页的内容区域，我添加了一些文字、图片和链接，以展示网页的功能和信息。
同时，通过CSS样式表，我对文字、图片和导航栏等元素进行了样式设计，使网页更加美观和易于阅读。
4. 调试和优化：在完成网页设计后，我对网页进行了调试和优化。
通过使用浏览器的开发者工具，我检查了网页的布局和样式是否符合预期，并修复了可能存在的错误和问题。
四、实验结果经过一番努力，我成功地完成了一个简单的网页制作。
该网页具有清晰的结构和良好的视觉效果。
导航栏的链接可以正常跳转，内容区域的文字和图片也能够正确显示。
整体而言，我对自己的实验结果感到满意。
五、实验总结通过这次网页制作实验，我收获了许多有价值的经验和知识。
首先，我学会了使用HTML和CSS来创建和设计网页，掌握了网页的基本结构和样式。
其次，我提高了自己的问题解决能力，通过调试和优化，解决了一些网页制作中的困难和挑战。
最重要的是，我培养了创造力和审美观，学会了如何将自己的想法和设计理念转化为实际的网页作品。
六、展望未来网页制作是一个不断进步和发展的领域，我希望能够继续深入学习和探索。
在未来，我打算进一步提高自己的技能，学习更高级的网页制作技术，如响应式设计和动画效果。
目录实验一网页设计基础实验 (2)实验二HTML语言应用 (4)实验三CSS样式表的应用---CSS的引用 (10)实验四Dreamweaver的使用、个人网站的制作 (13)实验五用框架、模板设计网页 (15)实验六表单制作 (19)实验一网页设计基础实验一、实验目的1．掌握网站设计的基本原则、网站及网页的基本风格与基本构图特点；2．了解网页布局的形式。
3.用记事本编写一个简单的网页。
二、实验内容1．上网访问实际若干电子商务网站，了解各网站的风格（主题图形形象、导航是否清晰，整体色调的搭配是否协调，主题是否突出等）。
2．在网上找出下列版面布局的结构形式：⑴．“T”结构布局1."T"结构布局。
所谓"T"结构。
就是指页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母"T",所以我们称之为"T"形布局。
这是网页设计中用的最广返的一种布局方式。
这种布局的优点是页面结构清晰，主次分明。
是初学者最容易上手的布局方法。
缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。
2."口"型布局。
这是一个象形的说法，就是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。
这种布局的优点是充分利用版面，信息量大(我的主页首页即属于这种布局)。
缺点是页面拥挤，不够灵活。
也有将四边空出，只用中间的窗口型设计，例如网易壁纸站。
3."三"型布局。
这种布局多用于国外站点，国内用的不多。
特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。
4.对称对比布局。
顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。
优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。
5.POP布局。
POP引自广告术语，就是指页面布局象一张宣传海报，以一张精美图片作为页面的设计中心。
常用于时尚类站点，比如。
优点显而易见：漂亮吸引人进入internet找到以上各种布局，并写出各种版面布局网站的域名和所采用的版面布局形式找出使用大色块和抽象线条构图风格的网站（至少各2个）；例：大色块主页找出10个国内外著名企业或商务网站主页上的宣传标语或体现企业精神的代表性词句。
三、实验步骤与要求1）新建一个记事本文件本在其中输入如下代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>我的第一个网页</title></head><body><p>Hello World!</p></body></html>2）把记事本文件扩展名改为.html，双击运行。
实验二HTML语言应用一、实验目的:1．掌握常用的HTML语言标记；2．利用文本编辑器建立HTML文档，制作简单网页。
3．学习将其它格式的文档转换成HTML格式的文档二、实验内容：1．打开文本编辑器“记事本”中输入如下的HTML代码程序,建立一个具有基本结构标记的HTML 文件，然后以自己名字（用字母）另存为.htm文件，并在浏览器中运行。
<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr></body></html>2. 在以上程序的基础上一步一步的添加红色部分的语句并运行，浏览网页。
<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr><font size=6>我要变大</font><font size=7>我要更大</font><font color=blue>我要变成兰色</font><font color=#A52A2A>我要变成褐色</font></body></html>(3)增加移动字幕<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr><font size=5>字体变大</font><font size=6>字体要更大</font><font color=blue>字体变成兰色</font><font color=#A52A2A>字体变成褐色</font><hr><marquee>背景音乐浏阳河！</marquee><marquee height=40 width=100% bgcolor=f0ffff behavior="alternate"><font size=5>湖南民歌浏阳河</font></marquee><marquee height=90 width=100% bgcolor=f0fff0 direction=up scrollamount=1 ><br><br>浏阳河<br><br>弯过了几道弯<br><br>几十里水路到湘江<br><br><br>江边有个什么县哪<br><br><br>出了个什么人<br><br>领导人民得解放<br>啊依呀依子哟<br><br><br>浏阳河<br><br>弯过了九道弯<br><br>五十里水路到湘江<br><br>江边有个湘潭县哪<br><br>出了个毛主席<br><br>领导人民得解放<br><br>啊依呀依子哟</marquee><hr></body></html>4、建立表格<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr><font size=5>字体变大</font><font size=6>字体要更大</font><font color=blue>字体变成兰色</font><font color=#A52A2A>字体变成褐色</font><hr><marquee>背景音乐浏阳河！</marquee><marquee height=40 width=100% bgcolor=f0ffff behavior="alternate"><font size=5>湖南民歌浏阳河</font></marquee><marquee height=90 width=100% bgcolor=f0fff0 direction=up scrollamount=1 ><br><br>浏阳河<br><br>弯过了几道弯<br><br>几十里水路到湘江<br><br><br>江边有个什么县哪<br><br><br>出了个什么人<br><br>领导人民得解放<br>啊依呀依子哟<br><br><br>浏阳河<br><br>弯过了九道弯<br><br>五十里水路到湘江<br><br>江边有个湘潭县哪<br><br>出了个毛主席<br><br>领导人民得解放<br><br>啊依呀依子哟</marquee><hr><table border=1 bgcolor=#f0fff0 width="80%">我要建立表格<tr><th width=100% colspan="2">表格标题行</th><tr><td align=right height=40>第1行第1列右对齐</td> <td align=right>第1行第2列右对齐</td></tr><tr><td align=center>第2行第1列居中</td><td align=center>第2行第2列居中</td></tr><tr><td align=left>第3行第1列左对齐</td><td align=left>第3行第2列左对齐</td></tr></table><hr></body></html>5、插入图片<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr><font size=5>字体变大</font><font size=6>字体要更大</font><font color=blue>字体变成兰色</font><font color=#A52A2A>字体变成褐色</font><hr><marquee>背景音乐浏阳河！</marquee><marquee height=40 width=100% bgcolor=f0ffff behavior="alternate"><font size=5>湖南民歌浏阳河</font></marquee><marquee height=90 width=100% bgcolor=f0fff0 direction=up scrollamount=1 ><br><br> 浏阳河<br><br>弯过了几道弯<br><br>几十里水路到湘江<br><br><br>江边有个什么县哪<br><br><br>出了个什么人<br><br>领导人民得解放<br>啊依呀依子哟<br><br><br>浏阳河<br><br>弯过了九道弯<br><br>五十里水路到湘江<br><br>江边有个湘潭县哪<br><br>出了个毛主席<br><br>领导人民得解放<br><br>啊依呀依子哟</marquee><hr><table border=1 bgcolor=#f0fff0 width="100%">我要建立表格<tr><th width=100% colspan="2">表格标题行</th><tr><td align=right height=40>第1行第1列右对齐</td><td align=right>第1行第2列右对齐</td></tr><tr><td align=center>第2行第1列居中</td><td align=center>第2行第2列居中</td></tr><tr><td align=left>第3行第1列左对齐</td><td align=left>第3行第2列左对齐</td></tr></table><hr><p>我要插入图片,将图片newyork.bmp另存为newyork.jpg，并和此网页放在同一目录下<p><a href=""><img src=newyork.jpg> </a><p>点击以上图象可以到我们学校主页<hr></body></html>6、建立各种链接<html><head><title>王辉的主页</title></head><body bgcolor="#f0ffFF"><br><!---换行---><h2><center>王辉的个人主页</center></h2><hr><font size=5>字体变大</font><font size=6>字体要更大</font><font color=blue>字体变成兰色</font><font color=#A52A2A>字体变成褐色</font><hr><marquee>背景音乐浏阳河！</marquee><marquee height=40 width=100% bgcolor=f0ffff behavior="alternate"><font size=5>湖南民歌浏阳河</font></marquee><marquee height=90 width=100% bgcolor=f0fff0 direction=up scrollamount=1 ><br><br> 浏阳河<br><br>弯过了几道弯<br><br>几十里水路到湘江<br><br><br>江边有个什么县哪<br><br><br>出了个什么人<br><br>领导人民得解放<br>啊依呀依子哟<br><br><br>浏阳河<br><br>弯过了九道弯<br><br>五十里水路到湘江<br><br>江边有个湘潭县哪<br><br>出了个毛主席<br><br>领导人民得解放<br><br>啊依呀依子哟</marquee><hr><table border=1 bgcolor=#f0fff0 width="100%"><a name="#item">我要建立表格</a><tr><th width=100% colspan="2">表格标题行</th><tr><td align=right height=40>第1行第1列右对齐</td><td align=right>第1行第2列右对齐</td></tr><tr><td align=center>第2行第1列居中</td><td align=center>第2行第2列居中</td></tr><tr><td align=left>第3行第1列左对齐</td><td align=left>第3行第2列左对齐</td></tr></table><hr><p>我要插入图片,将图片newyork.bmp另存为newyork.jpg，并和此网页放在同一目录下<p><a href=""><img src=newyork.jpg> </a><p>点击以上图象可以到我们学校主页<hr><p><a href="">我要链接到中国教育科研网</a><p><a href="wang.htm">我要链接到自己的主页</a>做一名为wang.htm的网页,并和此网页放在同一目录下<p><a href="#item"> 我要链接到本页的第七行“我要建立表格”</a></body></html>7、改变网页背景图片，加入背景音乐。
