当前位置:文档之家› 网页设计与制作第三章

网页设计与制作第三章





标签(tag) 标签由3部分组成:<“标签名称” >。 “<”表示一个标签的开始,紧跟着的 是标签名和该标签的各种属性,最后用“>” 表示标签的结束。 例如:<A HREF=> “A”是标签名,“HREF”是标签的属性




标签(tag) 标签分为单标记指令和双标记指令,一 般情况下都是成对出现的,并且用“/”表示 标签之间的响应。 例如: <title>网页创作示例 </title> 注意:标签不要交叉嵌套
HTML中常用的段落标记有下面几个:
●段落标记<p>:段落起始和结尾的标记,基本 语法为:<p>…</p>. ●保留段落编辑标记<PRE>:如果文字编辑工具 已编排好一段内容,想直接依照原编排显示为 HTML文件,此时格式化段落内容的标记便派上 用场。用此标记,文字内容将以原编排的格式显 示出来。基本语法为:<PRE>…</PRE>。
3.4 表格


●单元格标记<td>:<td>标记用于定义 表格的单元格,表格有多少个单元格就有 多少个<td>…</td>标记。使用<td> 标记时,必须将其放在<tr>标记内。 ●标题单元格标记<th>:<th>标记用于 定义表格内的标题单元格,表明此单元格 中的文字将以粗体的方式显示。
3.4 表格
例: <p>通过使用现有的网页图像、声音、动画、文字 材料等资源,<br> 可以减轻网页制作的工作量、缩短工作时间、提高 工作效<br> 率,并且还可以在一定程度上弥补自身在某一方面 的不足。<br> </p>
3.2 页面排版的基本元素

3.2.1文件中标题标记(<title>)和字体 标记(<hx>)


3.2.3 设置段落标记

文字中的居中对齐标记<CENTER>:如果 需要将文件的段落或说明的各类标记文件 居中对齐,都可以使用居中对齐标记。基 本语法为: <CENTER>…</CENTER>。
使用此标记,浏览器能够根据窗口的大小 自动调整每行文字的居中显示。


段落缩进标记<BLOCKQUOTE>:如果段落需 要缩排,请直接在前后加上缩排标记。每使用一 次可以缩排数个空白字符,如果段落想缩排的更 多,重复使用此标记即可。基本语法为: <BLOCKQUOTE>…</BLOCKQUOTE>。
3.4.2 表格的属性



●<cellspacing>属性:功能是设置框线的宽 度。标记格式为: <table cellspacing=#>……</table>其 中,#为数字,单位是pixel(像素),默认值为 1。 <cellpadding>属性:功能是设置数据与边框 的宽度,标记格式为: <table cellpadding=#>…</table>其中, #为数字,单位是pixel(像素),默认值为1。 ●<bgcolor>属性:功能是设置单元格的背景 颜色,标记格式为: <table bgcolor= #value>…</table>
3.2.3 设置段落标记

1.type数字形式属性
数字 小写字母 大写字母 小写罗马字母 大写罗马字母 Type=# Type=# Type=# Type=# Type=# #=1.2.3 #=a,b.c #=A,B,C #=I,ii,iii #=I,II,III

2.start 起始数字属性 <OL STRAT =#>,#代表起始数字
3.1.2 超文本文件格式的约定和限制




(1)由于WWW浏览器忽略超文本文件中的回车 符(除非用户指定用<PRE>标记元素限制按源文 件格式展示文本内容),而是用专门的标记符号 <BR>表示回车。 (2)由于WWW浏览器是按标记元素来控制超文 本显示效果的,所以源文件列宽不受限制,一个 文件的内容可以写在一行中,也可以写成习惯的 80列屏幕宽度,后者更便于源文件的阅读和修改。 (3)在超文本中用“/”表示路径,而不是DOS 系统中的反斜杠“\”。 (4)在超文本中可以用<IMG>标记元素插入图 形图像。

标号清单 标号清单就是清单 各项目左边加上数字 符号或其他有序的标 号,如a,b,c,并可设定 从何处开始计数,由 浏览器自动给予编号。
<OL> <L1> <L1> . . . <L1> </OL> „„. „„.
UL:无编号列表(Unnumbered List) OL:有编号列表(Unnumbered List) LI : 列表项目 (List Iterm)



标签的嵌套 <html> <head> <title>网页 创作示例</title> </head> <body> <p>用于教 学的示范网页。 </p> </body> </html>
错误的嵌套
<html>
<head>
<title>网页创 作示例</title>
</head> <body> <p>用于教学的 示范网页。</body> </p>
3.4.3 单元格属性





单元格属性指的是每一个表格中的格,体现在 HTML标记中就是<th>和<td>标记的属性设定, 主要有width,height,align,valign, bgcolor以及nowrap六项属性。 <width>属性:其功能是设定单元格的宽度, 单位是pixel。如: <th width= 100>产品名称</th> <height>属性:其功能是设定单元格的高度, 单位是pixel。如: <th height=30>产品名称</th>
3.4 表格



在HTML语法中,表格的建立由<table>,<tr>, <th>和<td>四个标记完成。下面是对这四个标 记的说明。 ●表格起始标记<table>:<table>标记用于 标识一个表格。一个表格是由<table>标记开始, </table>标记结束。表格的内容由<tr>、 <th>和<td>标记定义,表格的边框类型由 〈border=#〉标记属性指定,其中#为数字,默 认值为0。 ●表格行标记<tr>:<tr>标记用于定义表格 的一个行,表格有多少行就有多少个 <tr>…</tr>标记。在一个<tr>标记内可以包 含若干个由<th>和<td>标记所定义的单元格。
</html>
Html代码分类: 1、基本标志 2、链接标志 3、格式标志 4、帧标志 5、文本标志 6、表单标志 7、图像标志 8、声音标志 9、表格标志
3.1 HTML的基本结构

一个HTML文件应具有下面的结构: <html> HTML文件开始 <head> 文件头开始 文件头 </head> 文件头结束 <body> 文件体开始 文件体 </body> 文件体结束 </html> HTML文件结束
HTML的基本结构 页面排版的基本元素 清单列表的设计 表格 图片与多媒体 在网页中建立超链接 框架网页的学习 交互网页的制作



HTML HTML语言,又称超文本标记语言,是 英文HyperText Markup Language的缩 写。HTML语言作为一种标识性的语言,是 由一些特定符号和语法组成的,通过标签 来分割和标记文本中的各个元素。 网页就是HTML写的文档,可以在浏览 器中显示。
3.2.3 设置段落标记
3.3 清单列表的设计

清单用于列举事项,常用的清单有符号清单 和标号清单,清单允许嵌套 符号清单(包括“选择清单”和“说明式 清单”)项目左边无编号,而以特殊的符号 表示

3.3 清单列表的设计



清单前的符号可以由最外层标记中加入标 记属性type来控制, 格式为:<menu type =#>其中,#表示 符号名称,主要有以下三种: DISC------------实心圆点 Circle………….空心圆点 SQUARE……….实心方块.
网页设计与制作
第3章 HTML的认识


教学目的: 1、了解html语言 2、 熟悉html代码的基本标志、链接标 志、 格式标志、 帧标志、文本标志、表单 标志、图像标志、声音标志、表格标志 3、使用dreamweaver做出html页面
主要内容



3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8

一般来讲,HTML的的元素有以下3种表达 方式:
<标记>对象</标记> <标记 属性1=参数1 属性2=参数2>对 象</标记> <标记> 注意:语句中标记的书写不区分大小写。
相关主题