HTML文档的基本结构技巧.ppt

加入影像 直接用链接加入 当用户点击时才下载播放。如： 嵌入影像 嵌入方式使用EMBED标记 方法如下： 实例： EMBED SRC=wave/firework.avi WIDTH=400 HEIGHT=300 AUTOSTART=”false” 实例： A HREF=wave/potentech.avi欣赏电影/A 表格标志 表格标记TABLE…/TABLE 基本表格标记：TR、TD、TH /TR、/TD、/TH的结束标记最好加上 标 志 用 法 TABLE 在HTML文档中标识表格 TR 标识表格中的一行，结束标志是可选的 TD 标识一行中的单元，结束标志是可选的 TH 标识一行标题单元，结束标志是可选的 表格标记 TABLE标记中的常用属性,有些属性同样适用于TR、TD、和TH标记 属 性 说 明 ALIGN=”…” 将表格放在窗口的左边(left)、右边(right)或中间(center) BACKGROUND=”URL” 指定作为整个表格的背景图形文件的地址 BGCOLOR=”…” 指定表格中所有单元的背景颜色，可用颜色名或RGB值 BORDER=”n” 指定每个单元的边框厚度（象素数），0表示不显示边框 WIDTH=”n” 指定表格宽度，可以用象素数，如600；也可用浏览器窗口总宽度的百分比，如90%。 表格 TABLE属性实例，整个表格的属性 说明：表格的宽度占据整个浏览器窗口的50%，表格边框线5，背景颜色为灰色，并且居中显示 实例： Table border=5 bgcolor=gray width=50% align=center 项目三 HTML代码基本知识 项目三 HTML代码基本知识 HTML文档的基本结构 文字和段落 超级链接标志 图像、背景与颜色标志 表格标志 动态HTML HTML初步 超文本标记语言HTML是生成WWW网页文件的语言，用以生成超文本文档。在文档中，可以加入任何元素（文本、图像、动画和声音等）的链接 使用浏览器浏览的网页就是HTML文档 通常是使用记事本作为HTML文档的编辑器，利用浏览器浏览文档效果 HTML语言基础 HTML只是标记语言，基本上只要明白了各种标记的用法，就学懂了HTML 标记的写法： 标记由： 括号包围的元素组成，如TITLE 标记的表示：起始标记TITLE，结束标记/TITLE 标记中加属性和参数 参数只能加在起始标记中 font size=5Hello/font 标记字母大小写无关 HTML文档中的标记 大多数标志都是成对出现的， 起始标志（如HEAD）和结束标记（如/HEAD） 在起始标记和结束标记之间，放入网页元素 如：文本、图片、超级链接等 p welcome to you /p 所有的HTML文档内容都是由 起始标记HTML和结束标记/HTML包围起来的 HTML文档的基本结构 HTML HEAD TITLE文档标题/TITLE /HEAD BODY 文档的正文内容 /BODY /HTML 网页文件格式： 表示是HTML文档 文档头，可加入：网页标题、作者信息、版本信息 正文区，放置网页中所显示信息的标志和属性 网页标题：TITLE…/TITLE加在HEAD中 注释： !--…--加在HEAD中 两个减号，注释中加入作者信息或版本信息，浏览时不显示出来 简单的HTML文档 HTML HEAD TITLE李小龙的主页/TITLE !– version number=“1.0” -- /HEAD BODY 欢迎访问我的主页! /BODY /HTML 输入和保存HTML文档 打开“记事本”编辑器，输入要编辑的HTML语言代码 输入完毕后，保存HTML文档 菜单[文件]→[保存]/[另存为] “保存类型”选择“所有文件” 在“文件名”框中输入：myhtml.htm，注意：扩展名(.htm)一定不能省略 用IE打开网页文件：myhtml.htm 打开HTML文档 记事本中选择“所有文件”类型，打开文件 浏览器中选择菜单[查看]→[源文件] 源文件 BODY中的标记和属性 BODY标记中放置要在浏览器中所显示信息的所有标记和属性 标记中间可以放置：文字、段落、图像、表格、超级链接、框架等 在标记中设置属性，主要是对标记进行补充说明 文字标题标记 标题能分隔大段文字，使得网页显示的内容结构清晰。 共有六级标题：H1～H6，从大到小。 H1/H1 , … , H6/H6 对齐方式：设置标题的对齐属性。三个属性： ALIGN=Left、ALIGN=Center、ALIGN=right 实例：h1 align=center欢迎访问我的主页/h1 h2Welcom