附加2HTML网页制作技术.ppt
前言介绍,授课安排： 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） 一个HTML文档包含两部分内容：文档本身要描述的内容和描述内容的HTML标记。 HTML文档具有以下特点 结构化 超文本 与平台无关 简单，易维护,2.2 HTML发布过程,Web服务器发布网页时使用的主要协议是HTTP协议 一个完整的HTTP事务由四步组成 客户与服务器建立TCP连接 客户向服务器发送请求 如果请求被接受，服务器就向客户发送响应信息，其中包括状态码和所要的文件 客户与服务器关闭连接,2.3 HTML词法类型,HTML标记的语法是 标记在表示HTML文档内容结构和含义的时候，通常有两种方式，我们分别称单标记和双标记。,2.4 HTML文档的基本结构,HTML结构如下所示,2.5 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文档中写入特殊字符，如“”、“”、“&”、“ ”等要使用特殊的代码，浏览器会用HTML命令对这些特殊代码进行翻译。往网页中输入特殊字符，需在HTML代码中加入以&开头的字母组合或以&#开头的数字。常见的如：,2.5.6 文字对齐,2.5.7 文字移动,文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置,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通常常用的有三种类型的列表（list），分别是无序列表，有序列表，定义列表。各种列表单元的HTML代码具有相同的结构：首先是起始标记，定义了整个列表的开始，同时定义这个列表的属性；然后在其中定义每一个选项；最后是列表的结束标记 列表项中不仅可以含有文本，而且可以含有除标题以外的其他字块，包括其他列表和列表单元，因此，列表单元允许嵌套,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 属性，创建一个文档内部的书签（也就是说，可以创建指向文档片段的链接） 元素最重要的属性是 href 属性，它指定链接的目标。,2.5.11 链接（续）,相对地址：描述了从一个页面到另一个页面的路径，而不是Internet的完整地址 绝对地址：描述的不是两个文件相对的路径关系，它描述的是两个文件相对于根的关系 物理地址：是使用文件存放在硬盘上的位置的路径来描述文件的方式,2.5.12 加入图片,大多数的浏览器都支持两种图形格式：GIF（图形互换格式Graphics Interchange Format）和JPEG（联合图像专家组Joint Photographic Experts Group）,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.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标记的用法,
