计算机文化基础——HTML语言.ppt

HTML语言 引言 Html是英文HyperTextMarkupLanguage的缩写 中文意思是 超文本标志语言 用它编写的文件 文档 的扩展名是 html或 htm 它们是可供浏览器解释浏览的文件格式 您可以使用记事本 写字板 FrontPage或Dreamweaver等编辑工具来编写Html文件 Html语言使用标志对的方法编写文件 既简单又方便 它通常使用内容来表示标志的开始和结束 例如标志对 因此在Html文档中这样的标志对都必须是成对使用的 标题部分内容部分 我的第一个主页welcome 一 基本标志 1 标志用于Html文档的最前边 用来标识Html文档的开始 而标志恰恰相反 它放在Html文档的最后边 用来标识Html文档的结束 两个标志 必须 一块使用 一 基本标志 2 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息 那些信息一般是网页的 主题 要将您的网页的主题显示到浏览器的顶部其实很简单 只要在标志对之间加入您要显示的文本即可 注意 标志对只能放在标志对之间 一 基本标志 3 是Html文档的主体部分 在此标志对之间可包含 等等众多的标志 它们所定义的文本 图像等将会在浏览器的框内显示出来 两个标志必须一块使用 一 基本标志 标志中还可以有以下属性 一 基本标志 下面是一个综合的例子 仔细阅读 您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置 显示在浏览器最上边蓝色条中的文本红色背景 蓝色文本 二 格式标志 1 标志对是用来创建一个段落 在此标志对之间加入的文本将按照段落的格式显示在浏览器上 标志还可以使用align属性 它用来说明对齐方式 语法是 align可以是Left 左对齐 Center 居中 和Right 右对齐 三个值中的任何一个 如表示标志对中的文本使用居中的对齐方式 二 格式标志 2 是一个很简单的标志 它没有结束标志 因为它用来创建一个回车换行 在的使用上还有一定的技巧 如果您把加在标志对的外边 将创建一个大的回车换行 即前边和后边的文本的行与行之间的距离比较大 若放在的里边则前边和后边的文本的行与行之间的距离将比较小 三 文本标志 1 Html语言提供了一系列对文本中的标题进行操作的标志对 即一共有六对标题的标志对 是最大的标题 而则是最小的标题 也即是标志中h后面的数字越大标题文本就越小 三 文本标志 2 经常使用WORD的人对这三对标志对一定很快就能掌握 用来使文本以黑体字的形式输出 用来使文本以斜体字的形式输出 用来使文本以下加一划线的形式输出 三 文本标志 3 是一对很有用的标志对 它可以对输出文本的字体 字号 颜色进行随意地改变 这些改变主要是通过对它的face size和color属性的控制来实现的 face属性用来改变字体 size属性用来改变字体的大小 而color属性则用来改变文本的颜色 颜色的取值是前面讲过的十六进制RGB颜色码或Html语言给定的颜色常量名 四 图像标志 1 标志并不是真正地把图像给加入到Html文档中 而是将标志对的src属性赋值 这个值是图形文件的文件名 当然包括路径 这个路径可以是相对路径 也可以是网址 实际上就是通过路径将图形文件嵌入到您的文档中 四 图像标志 所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径 假如您的Html文件与图形文件 文件名假设是logo gif 在同一个目录下 则可以将代码写成 假如您的图形文件放在当前的Html文档所在目录的上层目录下 则相对路径就必须是准确地址了 四 图像标志 2 标志是在Html文档中加入一条水平线 它可以直接使用 具有size color width和noshade属性 size是设置水平线的厚度 而width是设定水平线的宽度 默认单位是像素 noshade属性不用赋值 而是直接加入标志即可使用 它是用来加入一条没有阴影的水平线 不加入此属性水平线将有阴影 四 图像标志 图像标志的综合示例 五 链接标志 本标志对的属性href是无论如何不可缺少的 标志对之间加入需要链接的文本或图像 链接图像即加入标志 href的值可以是URL形式 即网址或相对路径 也可以是mailto 形式 即发送E Mail形式 对于第一种情况 语法为 这就能创建一个超文本链接这是我的网站 五 链接标志 对于第二种情况 语法为 这就创建了一个自动发送电子邮件的链接 mailto 后边紧跟想要制动发送的电子邮件的地址 即E Mail地址 这是我的电子信箱 E Mail信箱 六 表格标志 1 六 表格标志 2 标志对用来创建表格中的每一行 此标志对只能放在标志对之间使用 而在此标志对之间加入文本将是无用的 因为在之间只能紧跟标志对才是有效的语法 标志对用来创建表格中一行中的每一个格子 此标志对也只有放在标志对之间才是有效的 您想要输入的文本也只有放在标志对中才有效 即才能够显示出来 六 表格标志 和标志对的关系如下所示 六 表格标志 2 还有align和valign属性 align是水平对齐方式 取值为left 左对齐 center 居中 right 右对齐 而valign是垂直对齐方式 取值为top 靠顶端对齐 middle 居中间对齐 或bottom 靠底部对齐 具有width colspan rowspan和nowrap属性 width是格子的宽度 单位用绝对像素值或总宽度的百分比 colspan设置一个表格格子跨占的列数 缺省值为1 rowspan设置一个表格格子跨占的行数