《附加2HTML网页制作技术电子教案》由会员分享,可在线阅读,更多相关《附加2HTML网页制作技术电子教案(52页珍藏版)》请在金锄头文库上搜索。
1、前言介绍,授课安排: 1、HTML基本常识介绍 2、简单例程编写实践操作 3、深入探讨和研究 在本教程中,你将学习如何使用 HTML 来创建站点。 HTML 很容易学习!你会喜欢它的!,第二章 HTML网页制作,本章目标,了解HTML基本概念 了解HTTP协议 了解Web站点发布原理 掌握HTML基本词法结构 熟练HTML常用词法,本章内容,2.5HTML标记,2.4HTML文档的基本结构,2.3HTML词法类型,2.2HTML发布过程,2.1HTML基本概述及其特点,2.2 HTML发布过程,Web服务器发布网页时使用的主要协议是HTTP协议 一个完整的HTTP事务由四步组成 客户与服务器建
2、立TCP连接 客户向服务器发送请求 如果请求被接受,服务器就向客户发送响应信息,其中包括状态码和所要的文件 客户与服务器关闭连接,2.3HTML词法类型,HTML标记的语法是 标记在表示HTML文档内容结构和含义的时候,通常有两种方式,我们分别称单标记和双标记。,2.4 HTML文档的基本结构,HTML结构如下所示,2.5HTML标记,本节将要介绍HTML中常用的标识,虽然比较简单,但是还是需要反复练习,达到熟练的程度,为后面的学习打好基础,2.5.1 标题字体,2.5.2 文章字体,常用的颜色名称有:black(黑),white(白),red(红),green(绿),blue(蓝),yell
3、ow(黄),aqua(浅绿),fuchsia(紫红),gray(灰),Lime(黄绿),maroon(栗色),purple(紫),olive(橄榄),silver(银色),2.5.3 物理字体,2.5.3 物理字体(续),2.5.5 字符实体,在往HTML文档中写入特殊字符,如“”、“”、“&”、“ ”等要使用特殊的代码,浏览器会用HTML命令对这些特殊代码进行翻译。往网页中输入特殊字符,需在HTML代码中加入以&开头的字母组合或以开头的数字。常见的如:,2.5.6 文字对齐,2.5.7 文字移动,文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移
4、动底色的设置 文字移动面积的设置,2.5.7 文字移动(续),direction属性决定了文字的移动方向:,2.5.7 文字移动(续),behavior属性决定了文字的移动方式:,2.5.7 文字移动(续),loop属性决定了文字的移动次数:,2.5.7 文字移动(续),scrollamount属性决定了文字的移动速度:,2.5.7 文字移动(续),scrolldelay属性决定了将中间的字体循环移动的延时,2.5.7 文字移动(续),height 、 width和bgcolor属性分别控制了文字移动面积的高度、宽度和背景颜色。,2.5.8 文字中行的控制,2.5.9 列表,HTML通常常用的
5、有三种类型的列表(list),分别是无序列表,有序列表,定义列表。各种列表单元的HTML代码具有相同的结构:首先是起始标记,定义了整个列表的开始,同时定义这个列表的属性;然后在其中定义每一个选项;最后是列表的结束标记 列表项中不仅可以含有文本,而且可以含有除标题以外的其他字块,包括其他列表和列表单元,因此,列表单元允许嵌套,2.5.9 列表标签,列表标签,2.5.9 列表(续),无序列表:,2.5.9 列表(续),2.5.9 列表(续),有序列表:,2.5.9 列表(续),定义列表:,2.5.10 预格式化,2.5.11 链接,超链接是WWW的基础,也是其核心。单击这些链接,读者就能从当前We
6、b页的当前位置跳转到当前Web页的另一处地方,或者进入另外一个Web网页。事实上,这些链接能把用户带到Internet的任何一个部分,2.5.11 链接(续), 标签定义和用法 标签可定义锚。锚 (anchor) 有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接(或超链接) 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接) 元素最重要的属性是 href 属性,它指定链接的目标。,2.5.11 链接(续),相对地址:描述了从一个页面到另一个页面的路径,而不是Internet的完整地址 绝对地址:描述的不是两个文件相对的路径关系,
7、它描述的是两个文件相对于根的关系 物理地址:是使用文件存放在硬盘上的位置的路径来描述文件的方式,2.5.12 加入图片,大多数的浏览器都支持两种图形格式:GIF(图形互换格式Graphics Interchange Format)和JPEG(联合图像专家组Joint Photographic Experts Group),2.5.12 加入图片,2.5.13 水平线,2.5.14 表格,表格是指按一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。将信息以表格的形式组织起来,可使大量的信息更容易浏览,故表格是表达信息的重要手段 表格中由行和列分隔成的格子称为表元(cell
8、),是矩形区域,它可以包含文本,图像和HTML标记。用以分隔表元的行列线则称为表格的边框线(border),表元的内容分成两类,一类是表头,一类是表数据,2.5.14 表格,2.5.14 表格(续),表格的定义,2.5.14 表格(续),标题的定义,2.5.14 表格(续),表行定义,2.5.14 表格(续),表头定义,2.5.14 表格(续),表单元定义,2.5.15 表单,表单定义,2.5.15 表单(续),表单域定义:输入项,type可以是文本text、口令password、复选框checkbox、单选框radio、隐藏表单hidden、提交表单submit和复位键reset。,2.5.
9、15 表单(续),表单域定义:选择列表,2.5.15 表单(续),表单域定义:选择列表项,2.5.15 表单(续),表单域定义:文本域,2.5.16 帧集和帧,有时我们需要在浏览窗口中同时显示多个页面,即将整个浏览的页面划分为多个独立的窗口,每个窗口就称为一帧,这些窗口的集合就成为帧集,2.5.16 帧集和帧,重要提示: 不能将 标签与 标签同时使用!不过,假如你添加包含一段文本的 标签,就必须将这段文字嵌套于 标签内。,2.5.16 帧集和帧(续),本章总结,HTML的特点 结构化 超文本 与平台无关 简单,易维护 HTML发布必须具备的4个基本条件 永久性的与Internet的连接 至少一个属于自己的IP和域名 服务器空间 服务器软件 HTML词法类型 HTML文档的基本结构 HTML标记的用法,