网页设计教程- HTML.pptVIP

网页制作 第5章 HTML 5.1 HTML和XHTML 5.2 网页文本 5.3 网页图像 5.4 网页链接 5.5 网页表格 5.6 网页表单 5.1 HTML和XHTML 当用户从 WWW 服务器取到一个文件后，用户需要在自己的屏幕上将它正确无误地显示出来。为保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机或终端都能“看懂”的方式来描述文件，于是就产生了 HTML -- 超文本标记语言。 HTML（Hype Text Markup Language）的正式名称是超文本标记语言。HTML 对 Web 页的内容、格式及 Web 页中的超级连接进行描述，而 Web 浏览器的作用就在于读取 Web 网点上的 HTML 文档，再根据此类文档中的描述组织并显示相应的 Web 页面。 HTML语言是一套标记符号或代码集。 这些标记符符号和代码用来标示结构元素，也能用来在网页上放置多媒体和描述表单。 标记符必须用“”和“”括起来，而且要成对出现。 最基本的格式： 标记符 内容 /标记符 HTML文件基本结构： html head title我第一个网页/title /head body p你好！！/p /body /html html标记表示该文档为HTML文档。 head标记包含文档的标题、文档使用的脚本、样式定义和文档名信息。 title标记包含文档的标题。 body标记中放置要在访问者浏览器中显示信息的所有标记和属性。 p标记中放置段落文字。 HTML 文档本身是文本格式的，用任何一种文本编辑器都可以对它进行编辑。 HTML文档的后缀为“.html”或“.htm”。 XHTML 2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。 Dreamweaver 8网页默认采用XHTML1.0版。 5.2 网页文本 段落 换行 标题 特殊字符 水平线 项目列表 编号列表 1. 段落 p标记符用于指定整段文本的格式。 格式： p 文字 /p 属性： align属性：设置段落对齐属性（left、right、center和justify） 2. 换行 br标记符用于在段落文本的特定位置处强行换行。 格式： br / 3. 标题 　hn标记符用于设置网页中标题文本格式，也是一种段落格式，n为1~6的整数。 格式： h1 文字 /h1 h2 文字 /h2 h3 文字 /h3 h4 文字 /h4 h5 文字 /h5 h6 文字 /h6 属性： align属性：设置标题文字对齐方式，值为left、right、center和justify。 4. 特殊字符 HTML语言提供了一些以开始的助记符或数字，用于表示页面中特殊字符。 例如： nbsp； 不换行空格 yen； ￥ copy； ? lt； gt； 5. 水平线 hr标记符用于在页面中显示一条水平线。 格式： hr / 属性： width属性：水平线宽度，可以是像素数或百分比。 size属性： 水平线高度 align属性： 水平线对齐方式，值为left、right 和center。 noshade属性：水平线没有阴影，值为noshade。 color属性： 水平线颜色。 6. 项目列表 项目列表在列表的每个项目前加上列表符号。 格式： ul li项目1/li li项目2/li li项目3/li /ul 属性： type属性：设置列表符号类型。值为disc（默认，圆点），square（方块），circle（圆圈）。 7. 编号列表 编号列表在列表的每个项目前加上字母或数字等列表符号。 格式： ol li项目1/li li项目2/li li项目3/li /ol 属性： type属性：设置列表编号的样式。 1：表示是十进制数，如1、2、3等（默认） a：表示是小写字母，如a、b、c等 A：表示是大写字母，如A、B、C等 i： 表示是小写罗马数字，如i、ii、iii等 I：表示是大写罗马数字，如I、II、III等 start属性：设置列表的起始编号。 5.3 网页图像 图像类型 图像标记符 1. 图像类型 （1）GIF GIF（CompuServe Graphical Interchange Format，可交换的图像文件格式），最大颜色数为256色（8位色），