网页的制作和设计3.pptVIP

第三章 HTML HTML基本知识 文本 表格 图象 超链接 HTML表单 HTML的框架结构 3.1 HTML基本知识 什么是HTML HTML基本概念 3.1.2 HTML基本概念 标记：用语描述功能的符号 特殊字符：用替代命令代表特殊的意义 语法：用于描述标记的属性参数 3.2 文本 字体 段落 3.3.2表格控制 Cellspacing使表格的边框加宽，从而加大格子之间的距离。Cellpadding在格子的边框中加进看不见的空白，从而使格子里的内容与格子的四个边框产生距离。 对表格边框的设置是通过border来进行的。Border 可以不等于任何值，这是会按浏览器默认的宽度设定边宽，另外可以设定具体值如 border=*,其中*代表数1，2，3等。 表格边的颜色、亮度和背景颜色可以设定，甚至可以用图片作表格的背景。它们分别用到属性gbcolor(表格背景色）、 background（表格背景图）、 bordercolor（表格边颜色） bordercolorlight（表格边明亮部分颜色） bordercolordark（表格边昏暗部分颜色）. 3.5网页中的超链接 页面链接 锚点链接 电子邮件链接 应用技巧 3.5.3电子邮件链接 所谓电子邮件链接就是指当浏览者单击该超链接时，系统会启动客户端电子邮件程序并打开新邮件窗口，使访问者能方便地撰写电子邮件。 a href=mailto：邮件地址/a 3.6 HTML表单 在很多网页中，经常会看到表单的例子，它是用户与服务器之间进行交互的一种方式。一般是将表单设计在html文档中，当用户填写完信息后提交，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。 3.6.1 常用表单标记属性 3.7 HTML的框架结构 frameset/frameset frame noframes/noframes * * 如果想成为一名网页设计高手，就必须掌握HTML（Hyper Text Markup Language,超文本置标语言），HTML是网络的通用语言，它允许设计者建立文本与图象相结合的复杂页面，这些页面可以被网上任何其他人浏览，无论使用的是什么类型的电脑或浏览器。用HTML编写的文件将保存成文档名为htm或html的文件，浏览器通过解释执行HTML编码。 一个HTML文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如那些哪些文字应放置在何处，显示模式等。如果还有一些图片、动画、声音或是任何其他形式的资源，HTML文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放在网页的什么位置。HTML文件通过标记来实现这一功能 可以用Windows自带的记事本来编写HTML文件，也可以用其他任意的文本编辑器来编写HTML文件，如Urtra Edit等，记住，在保存时要保存为.htm或.html. 3.1.1 在网页设计中，表格的应用是相当广泛的，几乎现在没有哪个网站的网页中没有表元素，表的属性非常多可以设置背景图象、背景色、大小、嵌套表等等，而且网页的排版很大程度上是表在起作用。下面从两个方面阐述表格： 基本表格 表格控制 3.3 表格 3.3.1基本表格 表格的插入是用table/table标记来实现的，必须有tr/tr和td/td,其中tr/tr表示行， td/td表示列。 右面是一个基本表的例子，自己动手看看效果吧！ html headtitletable示例/title/head body table border=1 tr td第一列/td td第二列/td /tr /table /body /html 3.4图象控制标签 一个网站如果没有图片，那将是没有生气的，也吸引不了读者的目光。一个好的设计师会用合适的图片美化自己的设计，如果使用恰当会有点睛之笔的效果。 1.插入图片： 插入图象的语句是img src=“图片的URL”,它没有结束标签。 2.图象应用示例 3.5.1页面链接 页面链接就是指向其他网页或文件的超链接，浏览者单击这样的超链接时将跳转到相应的网页或显示相应文件。如果超链接的目标文件位于同一个站点，也就是指向网站内部文件的超链接，通常采用的都是相对URL；如果超链接的目标文件位于其他位置，则需要指定绝对URL。 a href=“网页URL”/a 3.5.2锚点链接 除了可