网页设计与制作 教学课件 作者 相万让 第3章.ppt

《网页设计与制作 教学课件 作者 相万让 第3章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第三章HTMLHTML基本知识文本表格图象超链接HTML表单HTML的框架结构3.1HTML基本知识什么是HTMLHTML基本概念如果想成为一名网页设计高手，就必须掌握HTML（HyperTextMarkupLanguage,超文本置标语言），HTML是网络的通用语言，它允许设计者建立文本与图象相结合的复杂页面，这些页面可以被网上任何其他人浏览，无论使用的是什么类型的电脑或浏览器。用HTML编写的文件将保存成文档名为htm或html的文件，浏览器通过解释执行HTML编码。一个HTML文件中包含了所有将

2、显示在网页上的文字信息，其中也包括对浏览器的一些指示，如那些哪些文字应放置在何处，显示模式等。如果还有一些图片、动画、声音或是任何其他形式的资源，HTML文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放在网页的什么位置。HTML文件通过标记来实现这一功能可以用Windows自带的记事本来编写HTML文件，也可以用其他任意的文本编辑器来编写HTML文件，如UrtraEdit等，记住，在保存时要保存为.htm或.html.3.1.13.1.2HTML基本概念标记：用语描述功能的符号特殊字符：用替代

3、命令代表特殊的意义语法：用于描述标记的属性参数3.2文本字体段落在网页设计中，表格的应用是相当广泛的，几乎现在没有哪个网站的网页中没有表元素，表的属性非常多可以设置背景图象、背景色、大小、嵌套表等等，而且网页的排版很大程度上是表在起作用。下面从两个方面阐述表格：基本表格表格控制3.3表格3.3.1基本表格表格的插入是用

4、吧！第一列第二列3.3.2表格控制Cellspacing使表格的边框加宽，从而加大格子之间的距离。Cellpadding在格子的边框中加进看不见的空白，从而使格子里的内容与格子的四个边框产生距离。对表格边框的设置是通过border来进行的。Border可以不等于任何值，这是会按浏览器

5、默认的宽度设定边宽，另外可以设定具体值如border=*,其中*代表数1，2，3等。表格边的颜色、亮度和背景颜色可以设定，甚至可以用图片作表格的背景。它们分别用到属性gbcolor(表格背景色）、background（表格背景图）、bordercolor（表格边颜色）bordercolorlight（表格边明亮部分颜色）bordercolordark（表格边昏暗部分颜色）.3.4图象控制标签一个网站如果没有图片，那将是没有生气的，也吸引不了读者的目光。一个好的设计师会用合适的图片美化自己的设计，如果使

6、用恰当会有点睛之笔的效果。1.插入图片：插入图象的语句是,它没有结束标签。2.图象应用示例3.5网页中的超链接页面链接锚点链接电子邮件链接应用技巧3.5.1页面链接页面链接就是指向其他网页或文件的超链接，浏览者单击这样的超链接时将跳转到相应的网页或显示相应文件。如果超链接的目标文件位于同一个站点，也就是指向网站内部文件的超链接，通常采用的都是相对URL；如果超链接的目标文件位于其他位置，则需要指定绝对URL。3.5.2锚点链接除了

7、可以对不同网页或文件进行链接以外，对于包含了大量文字的网页来说，还可以对同一网页的不同部分进行链接，这种连接称为锚点链接。锚点链接就是在页面的特定区域先指定一个锚点，然后创建一个指向锚点的链接，单击该链接时浏览器自动跳转显示锚点所在的区域。3.5.3电子邮件链接所谓电子邮件链接就是指当浏览者单击该超链接时，系统会启动客户端电子邮件程序并打开新邮件窗口，使访问者能方便地撰写电子邮件。3.6HTML

8、表单在很多网页中，经常会看到表单的例子，它是用户与服务器之间进行交互的一种方式。一般是将表单设计在html文档中，当用户填写完信息后提交，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。3.6.1常用表单标记属性Type取值输入区域类型单行的文本输入区域