实验1 HTML基本标记的练习_第1页
实验1 HTML基本标记的练习_第2页
实验1 HTML基本标记的练习_第3页
实验1 HTML基本标记的练习_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

实验1HTML基本标记的练习【实验目的】熟练掌握HTML语言中各种基本标记的使用方法。【实验要求】⑴利用记事本编写简单的html程序；⑵练习使用各种文档标记及其常用属性；⑶练习使用各种排版标记、文本格式标记及其常用属性；⑷练习使用图像标记及其常用属性。【实验步骤】1．编写简单的HTML文档⑴在D盘或E盘上建立以自己名字命名的文件夹；⑵启动记事本程序，输入下列内容：<html><head><title>白居易的诗</title></head><bodybgcolor="yellow"text=rgb(255,0,0)><Palign="center"><B>钱塘湖春行</B></P><Hr><palign="center">孤山寺北贾亭西，水面初平云脚低。<br>几处早莺争暖树，谁家新燕啄春泥。<br>乱花渐欲迷人眼，浅草才能没马蹄。<br>最爱西湖行不足，绿扬荫里白沙堤。</p><P>【说明】此诗为作者任杭州刺史时作。写西湖的山光水色、花草亭树，加上早莺、新燕生机盎然，旖旎动人。是摹写西湖秋色名篇。</P></body></html>⑶将上述内容以“Poem.html”为文件名存储在自己的文件夹中；⑷运行上述文件，观察文件执行的结果，体会各种文档标记及排版标记的使用方法；⑸在上述HTML程序中，去掉<body>中的bgcolor属性，增加background属性，使网页的背景变成一幅风景图片（图片文件自定），然后存盘并刷新页面观察结果；⑹为上述网页增加一个背景音乐，即在文档中再增加一个<bgsoundsrc="音乐文件名">标记，然后存盘并刷新页面用耳机听听效果。2、练习使用文本格式标记及其常用属性在上述实验的基础上，修改文档中文字的显示属性，即在适当的位置增加<font></font>、<B></B>、<I></I>、<U></U>、<SUB></SUB>、<SUP></SUP>等标记，使网页的输出效果如下图所示：3．练习使用图像标记及其常用属性在自己的文件夹中新建一个名为“Image.html”的HTML文档，在该文档中主要练习插入图片文件及相关的文字，即练习使用<imgsrc="图片路径及文件名">标记，并熟悉该标记中以下属性的使用：(1)Alt：图像不能下载时用以替代的文字，如：alt="济南大学"；(2)Align：对齐方式。取值可以是文本对齐：top、bottom、middle；图形对齐：left、right，任选其一，如：Align=right或Align=middle；(3)Border：图像的边框。可取≥0的整数，如：Border=3；(4)Width和Height：图像的高和宽；如：Width=300Height=200；(5)Hspace和Vspace：图片的水平位置和垂直位置，如：Hspace=300Vspace=100；注意上述属性除src为必选外，其它属性可全选，可选择其中的几个，也可不选，另外图片文件的扩展名不能省略，如：<imgsrc="picture\L4.jpg"Align=rightWidth=300Height=200Hspace=300Vspace=100>同学们可以自己搜集选择图片，仿照下图练习图像标记及其常用属性的使用方法。使用了Width使用了Width和Height属性使用了Align使用了Align属性，并分别采用了五种不同的取值。使用了Hspace和Vspace属性【实验报告】上述实验完成后，要求写出实验报告，可按如下格式书写：实验名称：HTML基本标记的练习实验目的：熟练掌握HTML语言中各种基本标记的使用方法。实验题目：1、利用记事本编写简单的html程序；2、练习使用各种文档标记及其常用属性；3、练习使用各种排版标记、文本格式标记及其常用属性；4、练习使用图像标记及其常用属性。预习报告：写出前两个实验步骤中最终编写的html程序。调试过程：根据自己的情况填写。程序不会是一次就能运行成功的，一开始肯定会有错误的（比如漏了标记符号<、>，或者双引

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论