HTML页面与表格.ppt

HTML页面与表格 本章目标 掌握HTML文件的结构理解HTML文件的背景色及文本色掌握页面上添加超链接掌握在页面设置表格 本章任务 用表格完成个人简历 网页基础知识 互联网是世界上最大的计算机网络互联网上的信息各种各样 有文字 图片 视频 动画等要把这些信息美观大方的显示在网页上 就要用到HTML标签用HTML标签编写的网页是一个个的文件网站就是由若干个文件组成 问题 那么多的文件 要找到我需要的文件 该怎么办 网页基础知识 统一资源定位器 URL 又称 网址 UniformResourceLocator 例如 网页基础知识 HTML 超级文本标记语言 HTML是HypertextMarkupLanguage 超文本标记语言 的缩写 它是构成Web页面 Page 的主要工具 是用来表示网上信息的符号标记语言 HTML文档由文本和HTML标记组成 通常以 html或者 htm为文本的扩展名 如index htm 网页浏览器负责翻译HTML文档中的标记 并将HTML文档显示为网页 HTML和网页浏览器的关系 HTML和网页浏览器的关系 不同的浏览器中网页的显示效果可能不同 大多数浏览器不完全支持HTML的所有特性 每一种浏览器都可能会有一些特有的HTML标记和属性 这些标记和属性可能不会被其他的浏览器识别 这些有软件公司开发的标记和属性被称为HTML扩展 而不是标记的一部分 小结 URL表示什么 HTML表示什么意思 HTML文档通常以什么格式保存 超文本标记语言 HTML HTML标记基本格式标记内可以包含一些属性 文件内容 HTML中的注释 HTML页面的基本结构 起始标记网页标题文件主体 网页的标题和属性文件主体 要显示的内容 基本结构 起始标记 标记符号 标记用于HTML文档的最前面 用来标记HTML文档的开始 则是放在HTML文档的最后面 用来表示HTML文档的结束 两个标记必须一起使用 文件头 结构 文件头标记对构成HTML文档的开头部分 用来描述HTML文档相关信息 文件头 标记对构成HTML文档的开头部分 1 Title标记文件标题 2 Link标记定义文档关联的文件 用于链接CSS样式表文件或Javascript程序文件等 3 Meta标记 页面主体格式和页面效果 标记对之间的内容是HTML文档的主要部分 在此标记对之间可包含众多的标记和信息标记中还可以设置一些属性 两个标记必须一起使用index html 小结 HTML由哪几部分组成 HTML中设置标题用那个标签 HTML中body标签有什么作用 页面链接 页面链接的基本概念外部链接新浪网邮件链接联系我 了解路径 绝对路径 相对路径 绝对路径是指完整的描述文件位置的路径 所谓相对路径 顾名思义就是自己相对与目标位置 外部链接 链接到外面去 可以扩充您网站的实用性及充实性 也正因这功能 才造就了www五彩缤纷的世界 一个超链接通常由以下3个部分构成 新浪网 邮件链接 邮件链接可使访问者在浏览页面时 只需单击电子邮件链接就能打开默认的邮件编辑软件 向指定的地址发送邮件格式 清华IT 访问者单击电子邮件链接时 将打开默认的电子邮件编辑软件 小结 页面链接的分类 各在什么情况下使用 表格 表格的作用一个表格由标记开始 结束表的内容由 和定义 单元行 单元格 标记所标记的单元格的文字以粗体出现 通常用于表格的标题栏 一般用于对网页的内容进行排版 表格的例子 编号名称价格 元 001语文教材20 00 simpleTable html 有通栏的表格 1 有横向通栏的表格用属性说明2 有纵向通栏的表格用属性说明 代表通栏占据的网格数 以像素为单位 横向通栏示例 图书信息编号名称价格 元 表的大小 边框宽度 表格间距 1 表的大小用width 和height 属性说明2 边框宽度由border 说明3 表格间距即划分表格的线的粗细用cellspacing 表示 宽 高 是以像素为单位的整数 表格的粗细 编号名称价格 元 001语文教材20 00 表格中文本的输出 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语文教材