新Web应用技术 教学课件 芦欣 第3章 HTML语言基础.pptVIP

第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.常用文本标记 （4）设置物理字体标记 格式：＜b＞＜/b＞ 粗体标记 ＜i＞＜/i＞ 斜体标记 ＜u＞＜/u＞ 加下划线标记 ＜tt＞＜/tt＞ 打字机风格的字体标记 ＜sup＞＜/sup＞ 上标标记 ＜sub＞＜/sub＞ 下标标记 ＜s＞＜/s＞ 加删除线标记 3.1工作任务1：网站中的文本及超链接代码的编写 3.1.2 相关知识 2.常用文本标记 （5）设置逻辑字体标记 格式：＜em＞＜/em＞ 强调文本(通常是斜体)标记 ＜strong＞＜/strong＞ 加重文本(通常是黑体)标记 ＜code＞＜/code＞ 代码标记 ＜samp＞＜/samp＞ 式样文本标记 ＜kbd＞＜/kbd＞ 键盘字标记 ＜var＞＜/var＞ 变量值标记