实验一HTML基础.doc_第1页
实验一HTML基础.doc_第2页
实验一HTML基础.doc_第3页
实验一HTML基础.doc_第4页
全文预览已结束

下载本文档

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

文档简介

实验一 HTML语言基础实验目的1 使用记事本制作简单网页2 文本格式标记和表格标记3 学会使用链接标记和图像标记实验任务1 在“记事本”中写入简单的HTML语言，设计一个简单网页2 学会使用HTML语言设计表格，显示学生寝室室友的基本情况3 加入链接和图像标记，显示寝室室友的照片和邮箱实验步骤一、使用“记事本”制作网页1在桌面上创建学生工作目录（文件夹），命名规则为“学号(8位)+“-”+（实验序号）1”，如“20090101-1”实验文件夹的名称，如图1所示效果。图1在桌在建立第一次实验学生工作目录2打开“记事本”程序，编入下图2所示的HTML语言，完成后将该文本文件命名为“1-1.htm”，保存到上述对应工作目录中。3关闭文档，双击工作目录中的“1-1.h tm”文件，显示效果如下图3所示。图2 HTML代码图3“1-1.htm”网页显示效果二、文本格式和表格标记使用HTML语言文本格式标记和表格标记编写一个网页，显示学生寝室室友的学号和姓名。1打开“记事本”程序，根据图4样例输入网页内容，并更新其中的学生信息为本人所在寝室或者同学的信息，结束后，以“1-2.htm”保存该文件到上述学生工作目录中，关闭文档。2双击“1-2.htm”，效果图如图5所示。图4 HTML代码图5 “1-2.htm”网页显示效果三、链接标记和图像标记1在学生工作目录中建立子目录images，并获取上述网页中提到的同学电子版照片，并通过PhotoShop或者Microsoft Office Picture Manager将图片尺寸编辑为150（宽）*200（高），单位为px，并按01.jpg、02.jpg的规则进行命名。2通过“记事本”程序编写如图6所示的网页HTML源代码。提示：如果“我是你”，我先研究一下这个代码是什么意思？因为重复的内容非常多！一对、一对一对、一对表示表格、表示表格一行、表示一个单元格、表示图像标记XXX表示链接标记align属性表示水平对齐方式bgcolor属性表示背景色width属性表示宽度mailto表示启动邮件程序图6 HTML源代码3双击“1-3.htm”，效果如图7所示。图7 “1-3.htm”显示效果图实验结论利用HTM
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

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

最新文档

评论

0/150

提交评论