web应用技术教学配套课件芦欣第3章html语言基础.pdfVIP

第3章 HTML语言基础 3.1工作任务1：网站中的文本及超链接代 码的编写  3.2 工作任务2：教务管理网站多媒体代码 的编写  3.3工作任务3：教师资料注册页面HTML代 码的编写 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.1 任务描述与目标 1.任务描述 HTML是一切网页实现的基础，在网页中浏 览的网页都是一个个HTML文件。本节的工 作任务是使用HTML语言处理网站中文本及 超级链接 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 1.HTML简介 在网页中浏览的网页都是一个个HTML文件，这些 网页包含有文字、图片、动画和声音，还可以从当 前页面跳转到另一个页面，与网络世界中个地主机 上的文件相连接，故被称为超文本文档。HTML （HyperText Markup Language，超文本标 记语言），是用来描述超文本文档的标记语言。它 由HTML标记和用来表示信息的文本组成。使用 HTML语言描述的文件，需要通过浏览器显示效 果。 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 （1）HTML 文档标记 在HTML文档中由许多用“ ”和“”括起来 构成的代码，这种代码称它为标记，标记是 HTML语言中定义网页内容格式和显示的指 令。标记有单标记、双标记，还可为标记设 置属性，标记的属性用于进一步控制网页内 容的显示效果。 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 （2）HTML 文档结构 HTML 文档基本结构如下： html head 标题部分 /head body 正文部分 /body /html 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 （3）常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。为 了减少网页设计师的工作设计了专用的网页 编辑器，像Dreamweaver、FrontPage、 CutePage、QuickSite等，是专门用来制 作网页的，具有所见即所得的功能。 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 2.常用文本标记 在HTML文档中，文本的字体、大小、颜色等都是由标记控制的， 以下介绍常用的文本格式标记。 （1）设置标题字体标记 格式：＜h#＞内容＜/h#＞其中#=1，3，3，4，5，6 说明：设置标题字体标记＜h#＞是成对标记，首标记和尾标记之 间的内容是以黑体字显示的。＜h#＞标记将在标记内容的前 后各自插入一个空行，因此不必使用换行标记进行换行。同时 在一行中无法使用不同大小的标题字体。 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 2.常用文本标记 （2）设置字体大小标记 格式：＜font size=#＞内容＜/font＞其中 #=1，3，3，4，5，6，7 或 +#、-# 说明：＜font＞标记是成对标记，其中参数size用来 指定字体的大小，数值范围为1~7。size参数值 也可用“+”或“-”设置相对大小，例如： size=“+3”表示采用比当前默认字体大3号的字 体；size=“-3”表示采用比当前默认字体小3号的 字体。由于缺省值为3，所以能选择的值是：- 3、-1、+1、+3、+3、+4。 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 2.常用文本标记 （3）设置字体颜色标记 格式：＜font color=#＞内容＜/font＞ 说明：其中#的值是六位十六进制代码或是颜色的英 文单词。 例如：＜font color=red＞中央电视台＜/font ＞ 或＜font color=#ff0000＞中央电视台＜ /font＞ 3.1工作任务1：网站中的文本及超链接代码的编写  3.1.2 相关知识 2.常用文本标