《HTML_01》-课件设计（公开）.ppt

本课程的主要内容 HTML的基本语法和常用标记 超链接、表格、表单、框架等标记 CSS常用样式、选择器、布局模型 层的应用 本章目标 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 第一部分 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 HTML简介 HTML 是一种标记语言 使用 HTML 标记和元素，可以： 控制页面和内容的外观 发布联机文档 使用 HTML 文档中插入的链接检索联机信息 创建联机表单，收集用户的信息、执行事务等等 插入图片和动画 HTML文档结构 基本HTML的构成 HTML语言基本要求 HTML 标记的格式组成： HTML特殊字符 基本HTML标签 标题标记 HTML HEAD TITLEHTML 简介/TITLE /HEAD BODY H1HTML 简介/H1 H2HTML 简介/H2 H3HTML 简介/H3 H4HTML 简介/H4 H5HTML 简介/H5 H6HTML 简介/H6 /BODY /HTML 段落级标记 块标记 DIV…/DIV可以定义跨段落的内容块； SPAN…/SPAN定义段落内的内容块 无序列表 HTML HEAD TITLE学习 HTML/TITLE /HEAD BODY UL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /UL /BODY /HTML 有序列表 BODY OL LI星期一 LI星期二 LI星期三 LI星期四 LI星期五 /OL /BODY 水平线标记 字体标记 图像标记 多媒体标记 用于在页面中显示flash、avi、mp3等格式的多媒体文件 语法：EMBED src=… TYPE=… width=… height=…/EMBED 示例：EMBED src=images/flash.swf QUALITY=high PLUGINSPAGE= /go/getflashplayer TYPE=application/x-shockwave-flash width=297 height=352/EMBED 注释标记 第二部分 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 URL与路径 统一资源定位符（URL，英语 Uniform / Universal Resource Locator 的缩写）也被称为网页地址，是因特网上标准的资源的地址（Address) URL的一般格式为(带方括号[]的为可选项)： 超级链接 链接类型 链接语法 链接到其它文档 链接到当前文档的指定位置 链接到其它文档的指定位置 第三部分 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 网页中的表格 表格相关标记 表格示例 单元格合并 表格属性 单元格属性 ALIGN：单元格内容水平对齐方式，可取：LEFT、CENTER、 RIGHT VALIGN：单元格内容垂直对齐方式，可取TOP、MIDDLE、BOTTOM COLSPAN：设置单元格所跨的列数，例如COLSPAN=3表示跨3列。 ROWSPAN：设置单元格所跨的行数，例如ROWSPAN=3表示跨3行。 第四部分 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 一个标准的表单 表单语法 属性说明 表单元素 INPUT：大多数表单元素都是此标记，如：文本框、密码框、单选、复选、按钮等 SELECT、OPTION：下拉列表框 TEXTAREA：文本区 表单元素属性 第五部分 HTML的基本语法和常用标记 超链接标记 表格标记 表单标记 框架标记 框架 框架将 Web 浏览器分成多个不同的区域，每个区域都可以显示独立、可滚动的页面。 例如，可以在网页中使用三个框架，一个显示标题，一个用作导航菜单，一个显示数据。 FRAMESET 元素 使用 FRAMESET 创建框架 其属性有： Rows Cols 注意：不要与BODY同时出现 FRAME 元素 FRAME 元素的属性包括： Name Src Noresize Scrolling Frameborder Marginwidth Marginheight 嵌套的框架集 HTML HEAD TITLE嵌套框架/TITLE /HEAD FRAMESET cols=33%, 33%, * FRAME src = flowers.jpg FRAMESET rows=40%, 60% FRAME src = x.html FRAME src = y.htm