[幼儿读物]HTML页面与表格.ppt

本章任务 用表格完成个人简历 小结 www表示什么？ URL表示什么？ HTML表示什么意思？ HTML文档通常以什么格式保存？ 小结 HTML由哪几部分组成？ HTML中设置标题用那个标签？ HTML中body标签有什么作用？ 小结 页面链接的分类？ 各在什么情况下使用？ 小结 表格涉及到那些标签？ 怎么横向、纵向合并单元格？ 表格的边框粗细怎么设置？ 表格中文本的输出 1．文本与表框的距离用cellpadding=#设置 2．表格的宽度大于其中的文本宽度时，文本在其中的输出位置用“align=#”定义 3．表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。 #是left，center和right三者之一，分别表示左对齐，居中和右对齐 #是top，middle，bottom，baseline四者之一。分别表示顶端对齐、居中对齐、底部对齐、基线对齐 #是以像素为单位的整数 Td align=left001/Td 文本与表框的距离 Html Head Title 表格中文本的输出 /Title /Head Body Table Border=1 Cellpadding=10 align=center Tr Th编号/ThTh名称/ThTh价格(元)/Th /Tr Tr Td001/TdTd语文教材/TdTd20.00/Td /Tr /table /Body /Html 表格的高度大于其中文本的高度 Body Table Border=1 height=200 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td valign=top001/Td Td valign=middle语文教材/Td Td valign=bottom20.00/Td /Tr /table /Body 表格在文件中的位置定义 表格与文件中内容对齐时，若在现在位置上不能满足其对齐方式，可定义其位置，以满足对齐要求 属性一般由align=left、right或center指定 Table Border=1 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td001/Td Td语文教材/Td Td20.00/Td /Tr /table HTML网页设计 本课程目标 页面与表格的设计 文字布局和文字效果 图像、CSS样式定义与应用、浮动窗口 框架、页面版式控制与多媒体效果 表单与页面控件 第一章 HTML页面与表格 本章目标 掌握HTML文件的结构 理解HTML文件的背景色及文本色 掌握页面上添加超链接 掌握在页面设置表格 网页基础知识 互联网是世界上最大的计算机网络 互联网被称为网络的网络 万维网是互联网中的一个子网 WWW 包含分散在世界范围内的众多Web 服务器（World Wide Web） 超文本传送协议——HTTP (HyperText Transfer Protocol) HTTP协议用经常用在传送WEB页 网站是由若干个文件组成 网页基础知识 统一资源定位器——URL （Uniform Resource Locator） URL包括传送协议，服务器名称、文件的完整路径 例如：/index.html 其中http://是传送协议 是服务器名称 index.html 是文件的完整路径 服务器名称还有其他的叫法，主机名、域名。一般大众叫法叫域名 .com .net .gov 等等代表服务类型。 网页基础知识-HTML（超级文本标记语言） HTML是Hypertext Markup Language（超文本标记语言）的缩写，它是构成Web页面（Page）的主要工具，是用来表示网上信息的符号标记语言。 HTML文档由文本和HTML标记组成，通常以.html或者.htm为文本的扩展名（如index.htm）。 网页浏览器负责解释HTML文档中的标记，并将HTML文档显示为网页. 不同的浏览器中网页的显示效果可能不同。大多数浏览器不完全支持HTML的所有特性，每一种浏览器都可能会有一些特有的HTML标记和属性，这些标记和属性可能不会被其他的浏览器识别。这些有软件公司开发的标记和属性被称为HTML扩展，而不是标记的一部分。 HTML和网页浏览器的关系 HTML和网页浏览器的关系： 不同的浏览器中网页的显示效果可能不同。大多数浏览器不完全支持HTML的所有特性，每一种浏览器都可能会有一些特有的HTML标记和属性，这些标记和属性可能不会被其他的浏览器识别。这些有软件公司开发