web页面设计实验报告.doc

PAGE  PAGE 18 web页面设计实验报告 篇一：web网页设计技术 实验报告 昆明理工大学信息工程与自动化学院学生实验报告 （ 201 — 201 学年第 一 学期 ） 课程名称：Web设计技术开课实验室： 年 月 日 注：报告内容按实验须知中七点要求进行。 1. 选择一本图书，尝试制作书签链接，通过目录链接到各章内容。 代码： lt;headgt; lt;titlegt;书签链接lt;/titlegt; lt;/headgt; lt;bodygt; lt;pgt; lt;a name=quot;topquot;gt;lt;h2gt;网页设计与开发lt;/h2gt; lt;/agt; lt;a href=quot;#quot;gt;1.网页设计简介lt;/agt;lt;a herf=quot;#T1quot;gt;lt;/agt;lt;brgt; lt;a href=quot;#quot;gt;2.HTML基础介绍lt;/agt;lt;a herf=quot;#T2quot;gt;lt;/agt;lt;brgt; lt;a href=quot;#quot;gt;3.文字与段落lt;/agt;lt;a herf=quot;#T3quot;gt;lt;/agt;lt;brgt; lt;a href=quot;#quot;gt;4.列表lt;/agt;lt;a herf=quot;#T4quot;gt;lt;/agt;lt;brgt; lt;a href=quot;#quot;gt;5.超级链接lt;/agt;lt;a herf=quot;#T5quot;gt;lt;/agt;lt;brgt; lt;a href=quot;#quot;gt;6.表格lt;/agt;lt;a herf=quot;#T6quot;gt;lt;/agt; lt;hrgt; lt;brgt;lt;brgt; lt;h3gt;lt;a name=quot;T1quot;gt;网页设计简介lt;/agt;lt;/h3gt; lt;pgt;nbsp;nbsp;nbsp;nbsp;几个基本的网页设计概念：超链接、统一资源定位器、网站和网页 等；超文本标记语言是够成Web页面的主要工具。lt;/pgt; lt;a href=quot;#quot;gt;返回首页lt;/agt;lt;a herf=quot;#topquot;gt;lt;/agt; lt;h3gt; lt;a name=quot;T1quot;gt;HTML基础介绍lt;/agt;lt;/h3gt; lt;pgt;nbsp;nbsp;nbsp;nbsp;HTML用于描述功能的符号称为“标记”。 lt;htmlgt;lt;htmlgt;、lt;headgt;lt;headgt;、lt;bodygt;lt;bodygt;等都是标记。标记通常分为单标记和双标记两种类型。lt;/pgt; lt;a href=quot;#quot;gt;返回首页lt;/agt;lt;a herf=quot;#topquot;gt;lt;/agt; lt;h3gt; lt;a name=quot;T1quot;gt;文字与段落lt;/agt;lt;/h3gt; lt;pgt;nbsp;nbsp;nbsp;nbsp;主要内容为文字内容标记、文字样式标记、文字修饰标记、段落修饰标记的使用。lt;/pgt; lt;a href=quot;#quot;gt;返回首页lt;/agt;lt;a herf=quot;#topquot;gt;lt;/agt; lt;h3gt;lt;a name=quot;T1quot;gt;列表lt;/agt;lt;/h3gt; lt;pgt;nbsp;nbsp;nbsp;nbsp;列表，顾名思义就是在网页中将相关资料以条目的形式有序或者无序排列而形成的表。常用的列表有无序列表、有序列表和定义列表3种。另外还有不太常用的目录列表和菜单列表。lt;/pgt; lt;a href=quot;#quot;gt;返回首页lt;/agt;lt;a herf=quot;#topquot;gt;lt;/agt; lt;h3gt;lt;a name=quot;T1quot;gt;超级链接lt;/agt;lt;/h3gt; lt;pgt;nbsp;nbsp;nbsp;nbsp;建立超链接的标记是a，以lt;agt;开始，以lt;/agt;结束，锚可以指向网络上的任何资源。lt;/pgt; lt;a href=quot;#quot;gt;返回首页lt;/agt;lt;a herf=quot;#topquot;gt;lt;/agt; lt;h3gt; lt;a name=quot;T1quot;gt;