《第章HTML网页制作.ppt》由会员分享，可在线阅读，更多相关《第章HTML网页制作.ppt（50页珍藏版）》请在三一文库上搜索。
1、第一章 HTML网页制作,本章目标,了解HTML基本概念 了解Web站点发布原理 掌握HTML基本词法结构 熟练HTML常用词法,本章内容,1.2 HTML标记,1.1 HTML基础,1.1 HTML基础,HTML基本概述及其特点 HTML发布过程 HTML词法类型 HTML文档的基本结构 HTML正文 注释,1.1.1 HTML基本概述及其特点,超文本标记语言HTML（Hyper Text Markup Language） 一个HTML文档包含两部分内容 文档本身要描述的内容 描述内容的HTML标记 HTML文档具有以下特点 结构化 超文本 与平台无关 简单，易维护,1.1.2 HTML发布
2、过程,Web服务器发布网页时使用的主要协议是HTTP协议 一个完整的HTTP事务由四步组成 客户与服务器建立TCP连接 客户向服务器发送请求 如果请求被接受，服务器就向客户发送响应信息，其中包括状态码和所要的文件 客户与服务器关闭连接,1.1.3 HTML词法类型,HTML标记的语法是 标记在表示HTML文档内容结构和含义的时候，通常有两种方式 单标记 双标记,1.1.4 HTML文档的基本结构,HTML结构如下所示,1.1.5 HTML头内容, 标签用于定义文档的头部,1.1.5 HTML正文,作为网页主体内容的BODY部分将直接显示在浏览器的窗口中，它里面的内容直接影响着整个网页的好坏，在
3、网页设计中起着至关重要的作用 背景颜色和背景图片 页面文字颜色 页面空白(Margin) ,1.1.6 注释,像很多电脑语言一样，HTML 文件亦提供注解功能 浏览器会忽略此标记中的文字（可以是很多行）而不作显示 为文中不同部分加上说明，方便日后修改 用做版权声明 ,1.2 HTML标记,本节将要介绍HTML中常用的标识，虽然比较简单，但是还是需要反复练习，达到熟练的程度，为后面的学习打好基础,1.2.1 字体（标题字体）,1.2.1 字体（文章字体）,常用的颜色名称有：black（黑）,white（白）,red（红）,green（绿）,blue（蓝）,yellow（黄）,aqua（浅绿）,f
4、uchsia（紫红）,gray（灰）,Lime（橙）,maroon（栗色）,purple（紫）,olive（橄榄）,silver（银色）,1.2.1 字体（物理字体）,1.2.1 字体（物理字体）,1.2.1 字体（逻辑字体）,逻辑字体是由标记语言前身决定的，目前已经不再或者很少使用的字体，原来用于标记文字的一些逻辑含义,1.2.1 字体（字符实体）,在往HTML文档中写入特殊字符，如“”、“”、“：,1.2.1 字体（文字对齐）,1.2.1 字体（文字移动）,文字移动方向的设置 文字移动方式的设置 文字移动循环的设置 文字移动速度与延时的设置 文字移动底色的设置 文字移动面积的设置,1.2.
5、1 字体（文字移动）（续）,DIRECTION属性决定了文字的移动方向,1.2.1 字体（文字移动）（续）,BEHAVIOR属性决定了文字的移动方式,1.2.1 字体（文字移动）（续）,LOOP属性决定了文字的移动次数,1.2.1 字体（文字移动）（续）,SCROLLAMOUNT属性决定了文字的移动速度,1.2.1 字体（文字移动）（续）,SCROLLDELAY属性决定了将中间的字体循环移动的延时,1.2.1 字体（文字移动）（续）,HEIGHT、 WIDTH和BGCOLOR属性分别控制了文字移动面积的高度、宽度和背景颜色,1.2.1 字体（文字中行的控制）,1.2.2 列表,HTML常用的有
6、三种类型的列表（list） 无序列表 有序列表 定义列表 各种列表单元的HTML代码具有相同的结构 起始标记 定义每一个选项 列表的结束标记,1.2.2 列表（续）,无序列表,1.2.2 列表（续）,1.2.2 列表（续）,有序列表,1.2.2 列表（续）,定义列表,1.2.3 预格式化,1.2.4 图片和多媒体,图像、音频、视频等文件都是网页的外部文件，标记的作用指出文件的路径，并控制文件在网页中的显示位置和效果 加入图片 加入背景音乐 嵌入多媒体 ,1.2.5 链接,超链接是WWW的基础，也是其核心 单击链接，读者就能从当前Web页的当前位置跳转到当前Web页的另一处地方，或者进入另外一个
7、Web网页。事实上，这些链接能把用户带到Internet的任何一个部分,1.2.5 链接（续）,相关地址 描述了从一个页面到另一个页面的路径，而不是Internet的完整地址 绝对地址 描述的不是两个文件相对的路径关系，它描述的是两个文件相对于根的关系 物理地址 是使用文件存放在硬盘上的位置的路径来描述文件的方式,1.2.6 水平线,1.2.7 表格,表格是指按一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式 表格中由行和列分隔成的格子称为表元（cell）,是矩形区域，它可以包含文本，图像和HTML标记 用以分隔表元的行列线则称为表格的边框线（border） 表元的内容
8、分成两类 表头 表数据,1.2.7 表格（续）,表格的定义,1.2.7 表格（续）,标题的定义,1.2.7 表格（续）,表行定义,1.2.7 表格（续）,表头定义,1.2.7 表格（续）,表单元定义,1.2.8 表单,表单定义,1.2.8 表单（续）,表单域定义,TYPE可以是文本TEXT、口令PASSWORD、复选框CHECKBOX、单选框RADIO、隐藏表单HIDDEN、提交表单SUBMIT和复位键RESET。,1.2.8 表单（续）,表单域定义,1.2.8 表单（续）,表单域定义,1.2.8 表单（续）,表单域定义,1.2.9 框架,一个浏览器窗体可以通过几个页面的组合来显示，可以使用框架来完成这项工作 框架可以把HTML文档分为多个页面）框架页使用了表格的方式组合，可以分为数行与数列 ,本章总结,HTML的特点 HTML发布必须具备的4个基本条件 HTML词法类型 HTML文档的基本结构 HTML标记的用法,