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