《HTML文档的基本结构.ppt》由会员分享，可在线阅读，更多相关《HTML文档的基本结构.ppt（33页珍藏版）》请在三一文库上搜索。
1、HTML,HTML文档的基本结构 文字和段落 超级链接标志 图像、背景与颜色标志 表格标志 动态HTML,HTML初步,超文本标记语言HTML是生成WWW网页文件的语言，用以生成超文本文档。在文档中，可以加入任何元素（文本、图像、动画和声音等）的链接 使用浏览器浏览的网页就是HTML文档 通常是使用记事本作为HTML文档的编辑器，利用浏览器浏览文档效果,HTML语言基础,HTML只是标记语言，基本上只要明白了各种标记的用法，就学懂了HTML 标记的写法： 标记由： 括号包围的元素组成，如 标记的表示：起始标记，结束标记 标记中加属性和参数 参数只能加在起始标记中 Hello 标记字母大小写无关
2、,HTML文档中的标记,大多数标志都是成对出现的， 起始标志（如）和结束标记（如） 在起始标记和结束标记之间，放入网页元素 如：文本、图片、超级链接等 welcome to you 所有的HTML文档内容都是由 起始标记和结束标记包围起来的,HTML文档的基本结构, 文档标题 文档的正文内容 ,网页文件格式： 表示是HTML文档,文档头，可加入：网页标题、作者信息、版本信息,正文区，放置网页中所显示信息的标志和属性,网页标题：加在中 注释： 加在中,两个减号，注释中加入作者信息或版本信息，浏览时不显示出来,简单的HTML文档, 李小龙的主页 欢迎访问我的主页! ,输入和保存HTML文档,打开“
3、记事本”编辑器，输入要编辑的HTML语言代码 输入完毕后，保存HTML文档 菜单文件保存/另存为 “保存类型”选择“所有文件” 在“文件名”框中输入：myhtml.htm，注意：扩展名(.htm)一定不能省略 用IE打开网页文件：myhtml.htm 打开HTML文档 记事本中选择“所有文件”类型，打开文件 浏览器中选择菜单查看源文件,源文件,BODY中的标记和属性,标记中放置要在浏览器中所显示信息的所有标记和属性 标记中间可以放置：文字、段落、图像、表格、超级链接、框架等 在标记中设置属性，主要是对标记进行补充说明,文字标题标记,标题能分隔大段文字，使得网页显示的内容结构清晰。 共有六级标题
4、：H1H6，从大到小。 , , 对齐方式：设置标题的对齐属性。三个属性： ALIGN=Left、ALIGN=Center、ALIGN=right,实例：欢迎访问我的主页 Welcome to everybody!,文字段落及换行,文字段落标记： 换行标记： 不成对出现，不用结束标记 在指定位置分行，但不另起段落,实例：Despite the fact:在指定位置分行，但不另起段落, 这是一个小小的段落 这是另一个小段落 ,分隔符标志,水平分隔线标记 属性：size、color、width、align 不用结束标记,实例： ,关于颜色,颜色：由红R、绿G、蓝B三原色组成，每一色由两位十六进制数表
5、示(简称RGB数)。 如下表,强,弱,书写方法：#RRGGBB 如黑：#000000 如白：#FFFFFF,颜色,RGB数的设置：三种颜色组合起来 RGB数设置为000000，颜色为黑色 RGB数设置为CCCCCC，颜色为灰色 RGB数设置为FFFFFF，颜色为白色 英文单词表示颜色 Black,，Olive，Teal，Red，Blue，Navy, Maroon，Gray， Lime，Fuchsia，White, Green， Purple，Silver， Yellow，Aqua 设置颜色组合时，前面加“#”符号。使用英文单词表示颜色时，不加#号,页面背景色、文本颜色,在标记中指定页面的背景颜
6、色 属性：BGCOLOR=# 在标记中指定整个文档中文本的颜色 属性：TEXT=#,实例： 或 ,实例： ,属性,参数,字体、字号、文字颜色,用标记指定字体、字号和文本颜色 字体 属性： 指定字体 字号 属性： 字号1到7号，默认是3,实例：你明白了吧？,字体、字号、文字颜色,文本颜色 属性： 指定字体 粗体、斜体 粗体标志 斜体标志,实例： 你喜欢这个网页吗?,建立超级链接,超级链接标记 HREF属性： 指向链接的网址和文件（URL）,实例：表格布局 实例：友情连接,用于超级链接的文字,超级链接的目标,超级链接,NAME属性： 设置书签位置点，超级链接指向书签p,154 TARGET属性:
7、在新的窗口中显示链接的内容,实例： 广宁游,超级链接,TITLE属性： 在超级链接中加上链接的说明，当将鼠标移到链接上时，说明会自动弹出到光标的尾巴上 插入E-mail链接：,实例： 一个HTML教程网,实例：请跟我们联系 交作业给我,加进图形图像,图形图像标记 图片格式常见有GIF和JPG 主要属性SRC,称为引用图形的“源(source)” 图片文件和HTML文档在同一文件夹中，直接用文件名 图片文件和HTML文档不在同一文件夹中，指定路径时用相对路径 其它属性：ALT、BORDER、ALIGN、WIDTH,实例： ,实例： ,实例： ,加入影像,直接用链接加入 当用户点击时才下载播放。如
8、： 嵌入影像 嵌入方式使用标记 方法如下： 加入影像还可用标记，使用DYNSRC=属性,实例： ,实例： ,实例： 欣赏电影,表格标志,表格标记 基本表格标记：、 、的结束标记最好加上,表格标记,标记中的常用属性,有些属性同样适用于、和标记,表格,属性实例，整个表格的属性 说明：表格的宽度占据整个浏览器窗口的50%，表格边框线5，背景颜色为灰色，并且居中显示,实例： ,定义简单表格, 编号品牌 M1001长城 M1002方正 M1003联想 M1004TCL ,TR为行、TH标题单元格、TD单元格,列表,无序列表标记 基本列表标记 表头标题 表项标识,实例： 或 A List Header T
9、his is item 1 This is item 2 ,列表,有序列表标记 基本列表标记 表项标识,实例： A List Header Question one Question two ,框架集、表单,框架集 表单,滚动字幕,滚动字幕标记 Direction属性 设置文字滚动的方向：Left, right, up, down Bihavior属性 设置文字滚动方式：scroll, slide, alternate,实例： 网页制作的技巧很多,实例： 使用滚动字幕,滚动字幕,Scrollamount属性 设置文字滚动的速度（像素） scrolldelay属性 设置文字滚动延迟时间（秒）,实
10、例： 网页制作的技巧很多,实例： 使用滚动字幕,滚动字幕,Align属性 设置滚动字幕的对齐方式：top, middle, bottom Bgcolor属性 设置滚动字幕的背景色 预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua,实例： 网页制作的技巧很多,实例： 使用滚动字幕,滚动字幕实例,网页制作的技巧很多，使用滚动字幕，可以使网页生动起来 滚动字幕是最常用的 这个方向的滚动可以吗?,鼠标悬停时字幕停止滚动，鼠标离开时字幕继续滚动,自动弹出窗口,实现一进入页面就会有“欢迎“的页面出现，退出又有“再见“的画面 在标记中加入下面的属性： ,