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

《Web应用技术 教学课件 作者 芦欣 第3章 HTML语言基础.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第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文件，这些网页包含有文字、图片、动画和声音，还可以从当前页面跳转到另一个页面，与网络世界中个地

2、主机上的文件相连接，故被称为超文本文档。HTML（HyperTextMarkupLanguage，超文本标记语言），是用来描述超文本文档的标记语言。它由HTML标记和用来表示信息的文本组成。使用HTML语言描述的文件，需要通过浏览器显示效果。3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识（1）HTML文档标记在HTML文档中由许多用“<”和“>”括起来构成的代码，这种代码称它为标记，标记是HTML语言中定义网页内容格式和显示的指令。标记有单标记、双标记，还可为标记设置属性，标记的属性用于进一步控制网页内容的显示效果。3.1工作任务1：网站中的文本及超链接代码的编写3

3、.1.2相关知识（2）HTML文档结构HTML文档基本结构如下：标题部分正文部分3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识（3）常用HTML编辑工具任何一个文档编辑器都是HTML编辑器。为了减少网页设计师的工作设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识2.常用文本标记在HTML文档中，文本的字体、大小、颜色等都

4、是由标记控制的，以下介绍常用的文本格式标记。（1）设置标题字体标记格式：＜h#＞内容＜/h#＞其中#=1，3，3，4，5，6说明：设置标题字体标记＜h#＞是成对标记，首标记和尾标记之间的内容是以黑体字显示的。＜h#＞标记将在标记内容的前后各自插入一个空行，因此不必使用换行标记进行换行。同时在一行中无法使用不同大小的标题字体。3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识2.常用文本标记（2）设置字体大小标记格式：＜fontsize="#"＞内容＜/font＞其中#=1，3，3，4，5，6，7或+#、-#说明：＜font＞标记是成对标记，其中参数size用来指定字体的

5、大小，数值范围为1~7。size参数值也可用“+”或“-”设置相对大小，例如：size=“+3”表示采用比当前默认字体大3号的字体；size=“-3”表示采用比当前默认字体小3号的字体。由于缺省值为3，所以能选择的值是：-3、-1、+1、+3、+3、+4。3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识2.常用文本标记（3）设置字体颜色标记格式：＜fontcolor="#"＞内容＜/font＞说明：其中#的值是六位十六进制代码或是颜色的英文单词。例如：＜fontcolor="red"＞中央电视台＜/font＞或＜fontcolor="#ff0000"＞中央电视台＜/f

6、ont＞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＞式样文

7、本标记＜kbd＞＜/kbd＞键盘字标记＜var＞＜/var＞变量值标记＜dfn＞＜/dfn＞术语定义标记＜cite＞＜/cite＞引用标记＜small＞＜/small＞小字体（比周围的字体小）标记＜big＞＜/big＞大字体（比周围的字体大）标记3.1工作任务1：网站中的文本及超链接代码的编写3.1.2相关知识2.常用文本标记（6）段落格式化标记换行标记格式：
说明：强制进行换行标记。段落标记格式：

…