《HTML语言及网页制作》由会员分享，可在线阅读，更多相关《HTML语言及网页制作（15页珍藏版）》请在金锄头文库上搜索。
1、HTML语言及网页制作一、实验目的1掌握常用的HTML语言标记。2利用文本编辑器建立HTML文档，制作简单网页。3学习将其它格式的文档转换成HTML格式的文档。4掌握网页制作功能的使用。5掌握站点创建、管理和维护模块的基本功能。6掌握实现动态效果的设置方法与基本操作。7学会实际运用插入外部对象并进行效果设置的方法。二、实验内容1.熟悉制作网页的基本方法。2建立一个网站。3学习使用站点操作方法。三、实验步骤HTML标记_HTML大全_HTML标记大全超文本标记语言网页(WebPage)文件主要是用超文本标记语言(HyperText Markup LangUAge，简称HTML)语句来写成。 您可
2、以通过IE浏览器的“查看”菜单中的“源文件”看到该页的HTML代码。HTML语言由一系列元素 (elemen t)组成，用于组织文件的内容和指导文件的输出格式。元素名称不分大小写。一个元素可以有 多个属性，属性及其属性值不分大小写。属性名二属性值合起来构成一个完整的属性，一个元素可以有 多个属性，各个属性用空格分开。元素又由标记(tag)的构成，大多数标记是成对出现的，分起始标记 (start tag)和结尾标记/ (end tag),以便和页面的内容区分开来。其写成的文件是标准的ASCII 文件，不同于一般的编程语言，故称为脚本(Script)更准确一点。其实也很简单，特别是在专门的HTML
3、 编辑器的帮助下，您可以迅速地学会HTML,并能很快写出有自己特色的Homepage来。1.在E:盘上建立一个文件夹如myweb作为自己的web站点根目录,在文本编辑器中输入如下的HTML代码程序，保存为以.htm 或.html为后缀的文件如index.htm作为自己的第一个页面，并在浏览器中运行。(请仔细阅读下列程序语句，理解每条语句的作 用)。htmltitle我的第一个网页/titlehl欢迎访问我的网站。/hl欢迎访问我的网站。/h3欢迎访问我的网站。/h5 /body2.在标记中分别加入以下属性，看看index.htm有什么变化。bgcolor=#背景颜色#=rrggbb（16进制的
4、RGB值）或颜色名称background=#背景图像#=image-URL（图片所在路径） text=#非可链接文字的色彩bgproperties=FIXED 背景图像不动htmltitle我的第一个网页/titlehl align=center欢迎访问我的网站。/hlh3 align=left欢迎访问我的网站。/h3欢迎访问我的网站。/h5 3表格制作，在文本编辑器中输入如下的HTML代码程序，用table.htm文件名保存在自己目录中，并在浏览器中运行。table border=2 课程名称/thtd语文/tdtd数学/tdtd物理/tdtd化学/td/t r 考试成绩/th80/td95
5、90/td85/t r/table表格标签表格描述定义表格定义表格标题。t h定义表格的表头。t r定义表格的行。t d定义表格单元。thead定义表格的页眉。tbody定义表格的主体。tfoot定义表格的页脚。定义用于表格列的属性。colgroup定义表格列的组。4设计表单,在文本编辑器中输入如下的HTML代码程序，用form.htm文件名保存在自己目录中，并在浏览器中运行。BODYfont size=5FORM METHOD=POST 姓名INPUT TYPE=TEXT NAME=Clien t_Namep电话INPUT TYPE=TEXT NAME=Phonep 商品名称SELECT N
6、AME=product_name onchange=changeprice()op tion value=手表手表/op tionop tion value=照相机 照相机/op ti onDVD 机/option/SELECTp单价100/option1000/option2500/option1200/option/SELECTp数量INPUT TYPE=t ex t NAME=quan tity p金额INPUT TYPE=text NAME=amoun tpINPUT TYPE=submi t value=提交 ;& nbsp;INPUT TYPE=rese t value=
7、重置 5.用表格进行精确定位；插入图片、动画等多媒体元素。超文本支持的图片格式一般有X Bitmap(XBM)、GIF、JPEG三种。 插入图片的标签是IMG,其格式为：IMG SRC=图片文件地址。SRC属性指明了所要链接的图片文件地址，这个图形文件可以是本地机器上的图形，也可以是位于远端主机上的图片。地 址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。例： IMG SRC=images/ball.gifIMG属性有HEIGHT、WIDTH、BORDER、ALT等，分别表示图片的高、宽、边框、替代文字等。HTMLTITLE图片/TITLE/HEADBODYP ALIGN=c
8、en te r 我下载的图片/PIMG SRC=ball.gif ALIGN=center/BODY注意：图片ball.gif和HTML应该保存在相同的文件目录里。6超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图像或者服务器。一个链接的 基本格式如下： 链接文字或图片地址/AURL链接的形式是：协议名：/域名或IP地址/路径/文件名例：TITLE超文本链接BODYPA HREF=h tt p:/ TARGET=_blank 新浪/A/PPA HREF=l.h tm我的页面/A/P7按照样图使用下列常用的HTML标记语言编写一网页，网页中含有如下信息：班级、姓名
9、、学号、联系方式等，文件名 为index.htm。网页要求颜色搭配协调、内容清晰。常用的标记语言如下：HTML 标识符：文档头：网页标题：文档体：设置超级链接：段落：P设置字体：FONT设置标题字体： （H2,H3） 加入图象，包括ImageMap：IMG 表格：TABLE框架：FRAMESET表单：FORM嵌入多媒体元素： 添加脚本：SCRIPT 添加样式表：STYLE标签大全标签 内容基本标签标题标签扩展属性标签vMETAvlinkv/style页面属性标签文本标签备注所有HTML文件都有的表示文件类型为HTML文档设置文档描述及其他不在WEB网页 上显示的信息HTML文档的主体（页面的实
10、际内 容）在标题栏中显示的题目（放在 内）基址标签，为解决相对编址作参考值 将 HTTP 命令发给CONTENT=number;url 允许，描述不 包含在标准HTML里的文档信息。 使用详解提供将现行文档与其它文档或实体 关联起来的信息指明在服务器上提供文档的可以检 索的索引允许包含样式表（CSS）信息标签的扩展属性。使用详解设置背景颜色，用名字或十六进制值 设置文本文字颜色，用名字或十六进 制值设置链接颜色，用名字或十六进制值 设置已使用的链接的颜色，用名字或 十六进制值设置正在被击中链接的颜色，用名字 或十六进制值创建预格式化文本创建最大的标题font size二valuefont color链接a href=mailto:EMAIL 格式排版创建最小的标题创建黑体字创建斜体字创建打字机风格的字体创建一个引用，通常是斜体加重（通常是斜体加黑体）强调（通常是斜体加黑体）设置字体大小，从1到7设置字体的颜色，使用名字或十六进制值创建一个超链接创建一个自动发送电子邮件的链接 创建一个位于文档内部的靶位 创建一个指向位于文档内部靶位的链接创建一个新的段落将段落按左、中、右对齐插入一个回车换行符从两边缩进文本创建一个定义列表放在每个定义术语词之前放在每个定义之前创建一个标有数字的列表放在每个数字列表项之前，并加上一个数字创建一个标有圆点的列表放在每个圆点列表项之前，并加上一个
