《html页面与表格》由会员分享，可在线阅读，更多相关《html页面与表格（32页珍藏版）》请在金锄头文库上搜索。
1、HTML页面与表格,本章目标,掌握HTML文件的结构 理解HTML文件的背景色及文本色 掌握页面上添加超链接 掌握在页面设置表格,本章任务,用表格完成个人简历,网页基础知识,互联网是世界上最大的计算机网络 互联网上的信息各种各样.有文字,图片,视频,动画等 要把这些信息美观大方的显示在网页上,就要用到HTML标签 用HTML标签编写的网页是一个个的文件 网站就是由若干个文件组成?问题:那么多的文件,要找到我需要的文件.该怎么办?,网页基础知识,统一资源定位器URL(又称”网址”) （Uniform Resource Locator）例如：http:/ 是服务器名称index.html 是文件
2、的完整路径.com .net .gov 等等代表服务类型。,网页基础知识-HTML（超级文本标记语言）,HTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。 HTML文档由文本和HTML标记组成，通常以.html或者.htm为文本的扩展名（如index.htm）。 网页浏览器负责翻译HTML文档中的标记，并将HTML文档显示为网页.,HTML和网页浏览器的关系,HTML和网页浏览器的关系：不同的浏览器中网页的显示效果可能不同。大多数浏览器不完全支持HTML的所有特性，每一种浏览器都可能
3、会有一些特有的HTML标记和属性，这些标记和属性可能不会被其他的浏览器识别。这些有软件公司开发的标记和属性被称为HTML扩展，而不是标记的一部分。,小结,URL表示什么？ HTML表示什么意思？ HTML文档通常以什么格式保存？,超文本标记语言HTML,HTML标记 基本格式 标记内可以包含一些属性,文件内容,HTML中的注释： ,HTML页面的基本结构,起始标记 网页标题 文件主体,网页的标题和属性文件主体,要显示的内容,基本结构,起始标记,标记符号,标记用于HTML文档的最前面，用来标记HTML文档的开始,则是放在HTML文档的最后面，用来表示HTML文档的结束,两个标记必须一起使用,文件
4、头,结构,文件头标记对构成HTML文档的开头部分,用来描述HTML文档相关信息,文件头,标记对构成HTML文档的开头部分,1Title标记 文件标题,2Link标记 定义文档关联的文件，用于链接CSS样式表文件或Javascript程序文件等。,3Meta标记 ,页面主体格式和页面效果,标记对之间的内容是HTML文档的主要部分，在此标记对之间可包含众多的标记和信息标记中还可以设置一些属性,两个标记必须一起使用 index.html,小结,HTML由哪几部分组成？ HTML中设置标题用那个标签？ HTML中body标签有什么作用？,页面链接,页面链接的基本概念 外部链接 新浪网 邮件链接 联系我
5、,了解路径,绝对路径,相对路径,绝对路径是指完整的描述文件位置的路径,所谓相对路径，顾名思义就是自 己相对与目标位置,外部链接,链接到外面去，可以扩充您网站的实用性及充实性，也正因这功能，才造就了www五彩缤纷的世界。 一个超链接通常由以下3个部分构成：,新浪网,邮件链接,邮件链接可使访问者在浏览页面时，只需单击电子邮件链接就能打开默认的邮件编辑软件，向指定的地址发送邮件 格式,清华IT,访问者单击电子邮件链接时，将打开默认的电子邮件编辑软件,小结,页面链接的分类？各在什么情况下使用？,表格,表格的作用 一个表格由标记开始，结束 表的内容由,和定义,单元行,单元格,标记所标记的单元格的文字以粗
6、体出现，通常用于表格的标题栏,一般用于对网页的内容进行排版,表格的例子,编号 名称 价格(元)001 语文教材 20.00,simpleTable.html,有通栏的表格,1有横向通栏的表格用属性说明 2有纵向通栏的表格用属性说明,#代表通栏占据的网格数,以像素为单位,横向通栏示例,图书信息编号 名称 价格(元),表的大小，边框宽度，表格间距,1表的大小用width=#和height=#属性说明 2边框宽度由border=#说明 3表格间距即划分表格的线的粗细用cellspacing=#表示,宽,高,#是以像素为单位的整数,表格的粗细,编号 名称 价格(元)001 语文教材 20.00,表格中
7、文本的输出,1文本与表框的距离用cellpadding=#设置 2表格的宽度大于其中的文本宽度时，文本在其中的输出位置用“align=#”定义 3表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。,#是left，center和right三者之一，分别表示左对齐，居中和右对齐,#是top，middle，bottom，三者之一。分别表示顶端对齐、居中对齐、底部对齐,#是以像素为单位的整数,001,文本与表框的距离,表格中文本的输出编号名称价格(元)001语文教材20.00,垂直对齐,编号名称价格(元)001语文教材20.00,水平对齐,表格与文件中内容对齐时，若在现在位置上不能满足其对齐方式，可定义其位置，以满足对齐要求 属性一般由align=left、right或center指定,编号 名称 价格(元)001 语文教材 20.00,表格背景颜色,表格的颜色用bgcolor=#指定,#是16进制的6位数，格式为rrggbb,红,绿,蓝,编号 名称 价格(元)001 语文教材 20.00,小结,表格涉及到那些标签？怎么横向、纵向合并单元格？表格的边框粗细怎么设置？,总结,HTML文件以什么格式保存的？ HTML文件的背景色及文本色 用什么属性控制？ 页面上添加超链接有那几种？ 在页面设置表格 要用到那些标签？,
