《HTML语言简易入门教程.doc》由会员分享，可在线阅读，更多相关《HTML语言简易入门教程.doc（15页珍藏版）》请在金锄头文库上搜索。
1、第一课 基础 Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。 当我们畅游Internet时，我们透过浏览器所看到的网站，是由HTML (HyperText Markup Language) 语言所构成。HT
2、ML ( 超文件标记语言 ) 是一种建立网页文件的语言，透过标记式的指令 (Tag)，将影像、声音、图片、文字等连结显示出来。 HTML标记是由 所括住的指令，主要分为 : 单标记指令、双标记指令 ( 由 ，所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑，完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示，若测试没有问题则可以放到服务器 (Server) 上，对外发布信息。HTML文件基本架构 文件开始 标头区开始. 标题区 标头区结束 本文区开始本文区内容 本文区结束 文件结束 网页文件格式。 标头区 : 记录文件基本资料，
3、如作者、编写时间。 标题区 : 文件标题须使用在标头区内，可以在浏览器最上面看到标题。 本文区 : 文件资料，即在浏览器上看到的网站内容。注意事项 通常一份HTML网页文件包含二个部份 : . 标头区、 . 本文区。而 和 代表网页文件格式。 习惯上一个网站的首页名称通常订为 index.htm 或 index.html 这样只要浏览网站，浏览器便会自动的找出 index.htm 文件。 第二课 字体. 标题，设定标题字体大小， n = 1 ( 大 ) 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。 如 : 标题 标题如 : 标题 ( 标题置中 ) 标题. 粗体字。 如 : 粗
4、体字 粗体字 . 斜体字。 如 : 斜体字 斜体字 . 横线 ( 表示删除 )。 如 : 横线 . 打字体 ( 固定宽度文字 )。 如 : 打字体 打字体 . 上标字。 如 : 字体 上标字 字体上标字 . 下标字。 如 : 字体 下标字 字体下标字 注解 ( 不会显示在浏览器上 )，可以多行。 如 : 第三课 表格 表格是html的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。 常用表格标记 . 表格指令。 相关属性 : align 调整bgcolor 背景颜色border 边框height 高度width 宽度 .
5、表格标题。 相关属性 : align 调整 . 表格列 ( 可省略 ) 。 相关属性 : align 调整 . 表格栏标题 ( 表头 ) 粗体字 ( 可省略 ) 。 相关属性 : align 调整colspan 栏宽rowspan 栏高 . 表格栏资料 ( 储存格 ) ( 可省略 ) 。 相关属性 : align 调整bgcolor 背景颜色height 高度width 宽度colspan 栏宽rowspan 栏高 举例 如 : ( 基础型 ) 太平洋网络学院太平洋网络学院太平洋网络学院太平洋网络学院太平洋网络学院 太平洋网络学院 太平洋网络学院 太平洋网络学院 如 : ( 加强型 ) 增加背
6、景颜色、表格标题、栏标题、跨栏宽、跨栏高。 表格标题行标题 1 行标题 2列标题 1 a a a ab b b b列标题 2 c c c cd d d d 表格标题行标题 1 行标题 2 列标题 1 a a a a b b b b 列标题 2 c c c c d d d d 第四课 标示html提供许多种类的标示标记，作项目标示，而且可以作巢状式标示！ 常用标示标记 标示项目。 如 : 第一项第二项1. 第一项 2. 第二项 . 编号标示，可标示数字或英文、罗马字母。 如 : 第一项第二项i. 第一项 ii. 第二项 . 符号标示，可标示数字或英文、罗马字母。 如 : 第一项第二项 第一项 第
7、二项 定义项目。 定义资料。 . 定义标示。 如 : 十进制 :0、1、2、3、4、5、6、7、8、9十六进制 :0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f十进制 : 0、1、2、3、4、5、6、7、8、9 十六进制 : 0、1、2、3、4、5、6、7、8、9、a、b、c、d、e、f 巢状式标示 巢状式标示 如 : 第一章 第一节 第一段 第二段 第二节第二章第三章1. 第一章 i. 第一节 第一段 第二段 ii. 第二节 2. 第二章 3. 第三章 其他标示标记. 目录式标示 ( 自动加圆点 )。 如 : 网络学院 :新手上路软件教室设计教室开发教室 网络学院 : 新手上
8、路 软件教室 设计教室 开发教室 注意事项标示项目符号也可以用. 标记，以符号字元 ( 、.等 ) 标示。如 : 特殊符号 :在html文件中，有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时，便要用替代指令。 符号 替代指令 " 或 " & & 或 & > 或 > 不可分空格 第五课 区段标记一个网站不仅要内容丰富外，也要有美观简洁的版面。html所提供的区段标记功能，如果可以好好的利用也会有相当不错的效果。 常用区段标记 产生水平线。 如 : 跳下一行。 如 : 太平洋网络学院，网上学电脑的好去处。太平洋网络学院，网上学电脑的好去处
9、。 . 段落，跳下一行并加一行空白。 ( 可省略 ) 如 : 太平洋网络学院，网上学电脑的好去处。太平洋网络学院， 网上学电脑的好去处。 . 置中。 如 : 置中置中 . 不跳下一行。 如 : 太平洋网络学院，网上学电脑的好去处。太平洋网络学院，网上学电脑的好去处。 . 以文件原始格式显示。 如 : 原始格式: 文件原始格式: 文件第六课 链接 链接可说是html中最重要的功能！因为html拥有链接的功能，使你能接上internet、www 享受多姿多彩的网络世界。 基本上链接分成 : 外部链接链接至网络的某个url网址或文件，可参考考网络链接方式。内部链接链接html文件的某个区段。 网络链接方式 网络链接方式 : /主机名称 / 路径 / 文件名称 网址 如 : http : / 文件传输 如 : ftp : / gropher 传输 如 : gropher : / 远端登入 如 : telnet : / 文件下载 如 : file : /data/html/file.zip net news 传输 如 : news : e-mail 如 : mailto : 常用链接标记 设定基本url位置或路径，以後只要设定文件名称即会自动加上位置或路径。 相关属性 : hre
