HTML文档的基本结构幻灯片.ppt

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文档 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 文字段落P及换行BR 文字段落标记：P…/p 换行标记：BR 不成对出现，不用结束标记 在指定位置分行，但不另起段落 分隔符标志 水平分隔线标记HR 属性：size、color、width、align 不用结束标记 关于颜色 颜色：由红R、绿G、蓝B三原色组成，每一色由两位十六进制数表示(简称RGB数)。 如下表 颜色 RGB数的设置：三种颜色组合起来 RGB数设置为000000，颜色为黑色 RGB数设置为CCCCCC，颜色为灰色 RGB数设置为FFFFFF，颜色为白色 英文单词表示颜色 Black,，Olive，Teal，Red，Blue，Navy, Maroon，Gray， Lime，Fuchsia，White, Green， Purple，Silver， Yellow，Aqua 设置颜色组合时，前面加“#”符号。使用英文单词表示颜色时，不加#号 页面背景色、文本颜色 在BODY标记中指定页面的背景颜色 属性：BGCOLOR=#… 在BODY标记中指定整个文档中文本的颜色 属性：TEXT=#… 字体、字号、文字颜色 用FONT标记指定字体、字号和文本颜色 字体 属性：FONT FACE=“…” 指定字体 字号 属性：FONT SIZE=… 字号1到7号，默认是3 字体、字号、文字颜色 文本颜色 属性：FONT COLOR=#… 指定字体 粗体、斜体 粗体标志B…/B 斜体标志I…/I 建立超级链接 超级链接标记A…/A HREF属性： 指向链接的网址和文件（URL） 超级链接 NAME属性： 设置书签位置点，超级链接指向书签p,154 TARGET属性: 在新的窗口中显示链接的内容 超级链接 TITLE属性： 在超级链接中加上链接的说明，当将鼠标移到链接上时，说明会自动弹出到光标的尾巴上 插入E-mail链接： 加进图形图像 图形图像标记IMG 图片格式常见有GIF和JPG 主要属性SRC,称为引用图形的“源(source)” 图片文件和HTML文档在同一文件夹中，直接用文件名 图片文件和HTML文档不在同一文件夹中，指定路径时用相对路径 其它属性：ALT、BORDER、