2.1 网页中的元素
⒎表单 表单是一种特殊的网页元素。表单的主要用途是：收 集联系信息、接受用户要求、获得反馈意见、设置访问者 签名、让浏览者输入关键字去搜索相关网页、让浏览者注 册会员或以会员身份登录。登录的用户名、密码、搜索引 擎等都是表单。 表单由不同功能的表单元素组成，最简单的表单也要 包含一个输入区域和一个提交按钮。站点浏览者填写表单 的方式通常是输入文本、选中单选按钮和复选框，以及从 下拉列表框中选择选项。根据表单功能和处理方式的不同， 通常可以将表单分为用户反馈表单、流言簿表单、搜索表 单和用户注册表单等类型。
3.3 常用的HTML标记
⑵<th></th> <th></th>标记对用来设置表格头，文字通常 是黑体、居中。
<table border="1"> <tr><th>姓名</th><th>性别</th><th>年龄</th><th>家庭地址</th></tr> <tr><td>张三</td><td>男</td><td>21</td><td>山西省太原市</td></tr> <tr><td>李四</td><td>男</td><td>21</td><td>山西省晋中市</td></tr> </table>
3.3 常用的HTML标记
src属性值是图像文件的文件名，包括路径，可以是相对 路径，也可以是绝对路径或网址 假如HTML文件与图形文件（假设文件名为logo.gif）在 同一个目录下，则可以将代码写成<img src="logo.gif">。 假如图形文件放在当前的HTML文档所在的目录的一个子 目录（子目录名假设是images）下，则代码应该为 <img src="images/logo.gif">。 假设图形文件放在当前的HTML文档所在的目录的上层目 录（目录名假设是home）下，则相对路径就必须是准网 址了。即用“../”表示网站，然后在后面紧跟文件在网站 中的路径。假设home是网站下的一个目录，则代码应为 <img src="../home/logo.gif">，若home是网站下的 目录king下面的一个子目录，则代码应该为<img src="../king/home/logo.gif">了。
<body>我的第一个网页</body>
3.3 常用的HTML标记
1、标题标记 HTML语言提供了一系列对文本中的标题进行操 作的标记对：<h1></h1>…<h6></h6>，一 共有6对标题的标记对。<h1></h1>是最大的 标题，而<h6></h6>则是最小的标题，也就是 说标记中h后面的数字越大标题文本就越小。如果 HTML文档需要输出标题文本，就可以使用这6对 标题中的任何一对。
1.2 动态网页
静态网页工作原理如图所示:
1.3 网页制作中涉及到的技术
静态网页开发技术 Html、xml、xhtml Css Javascript 动态网页开发技术 ASP JSP PHP .NET
2.1 网页中的元素
网页包括的主要元素有： 文本、图像、动画、声音、视频、表格、表单等。 1、文本: 文本是人类最重要的信息载体和交流的工具，网 页的主体一般以文本为主。 文本在网页中的主要 功能是显示信息和超级链接。 2.图像 图像在网页中可以起到提供信息、展示作品、美 化网页以及体现风格等效果。图像可以用作标题、 网站标记、网页背景、链接按纽、导航条、网页 主图等，网页中使用图像的格式主要有：GIF、 JPEG、PNG等格式。
第四章 网页制作
苏雪峰
本章主要内容
1. 静态网页与动态网页 2.网页中的元素及其制作工具 3. HTML基础
1.1 静态网页
静态网页:不含有服务器端脚本代码的网页称为“静态网 页”，静态网页有五个特点： 静态网页每个网页都有一个固定的URL，且网页URL 以.htm、.html等常见形式为后缀. 静态网页是实实在在保存在服务器上的文件，每个网页都 是一个独立的文件等。 静态网页的内容相对稳定，因此容易被搜索引擎检索； 静态网页没有数据库的支持，在网站制作和维护方面工作 量较大，因此当网站信息量很大时完全依靠静态网页制作 方式比较困难； 静态网页的交互性交差，在功能方面有较大的限制.
3.3 常用的HTML标记（举例）
标题标记使用举例 <body> <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6> </body>
3.3 常用的HTML标记
2.1 网页中的元素
3.动画 动画实质上就是动态的图像。在网页中使用动画 可以有效地吸引浏览者的注意。由于活动的对象 比静止的对象更具有吸引力，因而，网页上通常 有大量的动画。网页中使用较多的动画是GIF动 画和Flash动画。 4.声音 声音是多媒体网页的一个重要组成部分。用于网 络声音文件格式非常多，常用的是MIDI、MAV、 MP3和AIF等。一般来讲，不要使用声音文件作 为网页的背景音乐，那样会影响网页的下载速度。
7、表格标记 （1）<table></table>标记对用来创建一个表格， 下表所示的是属性。 （2）<tr></tr>、<td></td> <tr></tr>标记对用来创建表格的每一行。此标 记对只能放在<table></table>标记对之间使 用。<td></td>标记对用来创建表格中每一行 中的每一个单元格，此标记对只有放在 <tr></tr>标记对之间才识有效的，输入的文本 也只有放在<td></td>标记对之间才有效（即 才能被显示出来）。
5、图像 <img/>标记并不是真正地将图像加入到HTML 文档中，而是将标记对的src属性赋值,这个值是 图像文件的文件名，包括路径。src属性在<img >标记中是必须赋值的，是标记中不可缺少的一 部分。<img/ >标记的其它属性： alt属于是当鼠标移动到图像上时显示的文本。 align是图形的对齐方式。 border属性是图形的边框，可以取大于或者等于 0的整数，默认单位是像素。 width和height属性是图形的宽和高，默认单位 是像素。
2.2 网页以及网页元素的制作工具
网页制作工具： 1.FrontPage 2.Dreamweaver 动画制作软件： Flash 图像处理软件： Fireworks Photoshop
3.1 HTML概述
HTML则是HyperText Markup Language （超 文本标记语言）的缩写。 一个HTML文件的后缀名是.htm或者是.html。 一个HTML文件本质上是一个纯文本文件，可以 用任何文本编辑器就可以编写HTML文件。 和一般文本文件不同的是，一个HTML文件不仅 包含文本内容，还包含一些Tag，中文称“标 记”。 HTML文件通过标记来描述文件中文本的布局和 显示方式。
3.1 HTML概述
HTML标记一般格式： <标记名 [属性名1=“属性值1” 属性名2=“属性 值2” … 属性名n=“属性值n” ]> 内容</标记 名>，例如带有对齐方式属性的段落标记： <p align=“center”>这里是网页</p> <标记名 [属性名1=“属性值1” 属性名2=“属性 值2” … 属性名n=“属性值n” ]/> ，例如带有 颜色属性的水平线标记： <hr color=“red”/>
上述代码在浏览器中的运行效果：
3.3 常用的HTML标记
ห้องสมุดไป่ตู้
2、段落标记 <p ></p>标记对是用来创建一个段落,在此标记 对之间加入的文本将按照段落的格式显示在浏览 器上。 3、换行标记 <br/>是一个很简单的标记，它没有结束标记， 因为它是用来创建一个回车换行的。
3.3 常用的HTML标记（举例）
3.2 HTML文档结构
⒈文档标记 <HTML></HTML>。<HTML>标记用于HTML文档的 最前面，用来标识HTML文档的开始。而</HTML>标记 恰恰相反，它放在HTML文档的最后边，又来标识HTML 文档的结束，两个标记必须成对使用。 ⒉文件头标记 <head></head>。<head>和</head>构成HTML文 档的开头部分，在此标记之间可以使用<title></title>、 <script></script>等标记对。<head></head>标记 对之间的内容是不会在浏览器的框内显示出来。两个标记 必须成对使用。
