网页设计与制作知识点代码-[网页设计与制作] HTML基础知识.ppt

第三章HTML框架 HTML的结构 3.1 HTML的基本知识 HTML的基本概念 如果你想成为网页设计专家，就必须掌握HTML（HyperTextMarkupLanguage，超文本标记语言）。 HTML 是互联网的通用语言，它允许设计人员创建文本与图像相结合的复杂页面，互联网上的任何其他人都可以查看这些页面，无论使用什么类型的计算机或浏览器。 用HTML编写的文件会保存为文档名为htm或html的文件，浏览器会通过解释进行HTML编码。 HTML文件包含了网页上将要显示的所有文本信息，其中还包括一些对浏览器的指示，例如哪些文本应该放在哪里、显示模式等。如果有图片、动画、声音或对于任何其他形式的资源，HTML 文件还告诉浏览器在哪里可以找到这些资源以及它们将放置在网页上的什么位置。 HTML文件通过标签来实现这个功能。 你可以使用Windows自带的记事本来编写HTML文件卡通形象，也可以使用任何其他文本编辑器来编写HTML文件，比如UrtraEdit等，保存时记得保存为.htm。 或者.html.3.1.13.1.2 HTML 基本概念语法：用于描述标签的属性参数 3.2 文本段落 在网页设计中，表格的应用相当广泛。 几乎没有一个网站的网页中没有表格元素。 可以用来设置背景图片、背景颜色、大小、嵌套表格等的属性有很多，而网页的布局很大程度上依赖于表格。

下面从两个方面对表进行介绍： 基本表 表控制 3.3 表 3.3.1 基本表 表的插入是使用 table/table 标签实现的，必须有 tr/tr 和 td/td，其中 tr/tr表示行，td /td 表示列。 右侧是基本表格的示例。 自己尝试一下看看效果吧！ htmlheadtitletable example/title/headbodytableborder=1trtd 第一列/tdtd 第二列/td/tr/table/body/html3.3.2 表格控制 Cellspacing 会加宽表格的边框，从而增加单元格之间的距离。 Cellpadding 在网格的边框上添加了不可见的空白，从而在网格中的内容与网格的四个边框之间创建了距离。 不等于任何值，这将根据浏览器的默认宽度设置边宽。 另外，还可以设置具体的值，比如border=*，其中*代表数字1、2、3等。可以设置表格边的颜色、亮度、背景色，甚至可以使用图片作为表格的背景。 它们分别使用属性gbcolor（表格背景颜色）、background（表格背景图片）、bordercolor（表格边缘颜色）bordercolorlight（表格边缘亮部分颜色）bordercolordark（表格边缘暗部分颜色）。 3.4 图片控制标签 一个网站如果没有图片，就会毫无生气，无法吸引读者的注意力。

一个好的设计师会使用合适的图片来美化他的设计。 如果使用得当，将会起到画龙点睛的效果。 1、插入图片：插入图片的语句为imgsrc =“图片的URL”，该语句没有结束标签。 2、图像应用实例 3.5 网页中的超链接应用技巧 3.5.1 页面链接 页面链接是指向其他网页或文件的超链接。 当浏览者点击这样的超链接时，就会跳转到相应的网页或显示相应的页面。 文档。 如果超链接的目标文件位于同一站点，即指向网站内文件的超链接，通常使用相对URL； 如果超链接的目标文件位于其他位置，则需要指定绝对URL。 href="Webpage URL"/a3.5.2 对于包含大量文本的网页，锚链接除了链接到不同的网页或文件外，还可以链接到同一网页的不同部分。 这种连接称为锚链接。 锚链接是先在页面的特定区域指定一个锚点，然后创建指向该锚点的链接。 当点击链接时网页设计与制作知识点代码，浏览器会自动跳转到锚点所在的区域。 href="#anchor name" 3.5.3 电子邮件链接 所谓电子邮件链接，是指当访问者点击超链接时，系统将启动客户端电子邮件程序，并打开一个新的电子邮件窗口，以便访问者可以方便地编写电子邮件。 -邮件。 href=mailto: 电子邮件地址/a3.6 HTML 表单 在许多网页中，您经常会看到表单的示例。 它是用户和服务器之间交互的一种方式。

通常吉祥物设计，表单是在 HTML 文档中设计的。 当用户填写信息并提交时，表单的内容从客户端的浏览器传输到服务器。 用户所需的信息经过服务器上的ASP或CGI等程序处理后，发送到服务器。 信息被发送回客户端的浏览器网页设计与制作知识点代码，使网页具有交互性。 3.6.1 常用表单标记属性 类型值输入区 type inputtype=“TEXT” size=“” axlength=“” 单行文本输入区 inputtype=“password” 输入密码区 inputtype=”submit” 将表单内容提交到服务器的按钮 inputtype="reset" 清除表单内容并重新填充 inputtype="checkbox" 选中的复选框 inputtype="radio" 单选按钮类型 inputtype="hidden" 隐藏区域 inputtype="image" src="url" 使用图像替换SUBMIT按钮 3.7 HTML框架结构frameset/framesetframenoframes/noframes 3.7.1framesetframeset/frameset标记对放置在主框架文档的body/body标记对之外，也可以嵌入到其他框架文档中，并且可以嵌入使用集。

该标签对用于定义主文档中有多少个框架以及框架的排列方式。 它具有 rows 和 cols 属性。 3.7.2frameframe放在frameset中，用于定义具体的框架。 它具有 src 和 name 属性。 3.7.3noframes noframes/noframes中的内容是浏览器不支持Frame时页面显示的内容。 早期的Netscape不支持Frame。 将body/body标签放在这个标签的中间。