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

《计算机文化基础——HTML语言.ppt》由会员分享，可在线阅读，更多相关《计算机文化基础——HTML语言.ppt（27页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 HTMLHTML语言语言引言Html是英文HyperTextMarkupLanguage的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板、FrontPage或Dreamweaver等编辑工具来编写Html文件。Html语言使用标志对标志对的方法编写文件，既简单又方便，它通常使用内容来表示标志的开始和结束(例如标志对)，因此在Html文档中这样的标志对都必须是成对使用的。标题部分标题部分内容部分内容部分 我的第一个主我的第一个主页页 welcome 一、基本标志1.标志用于Html文档的最前

2、边，用来标识Html文档的开始。而标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志“必须”一块使用。一、基本标志2.使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在标志对之间加入您要显示的文本即可。注意：标志对只能放在标志对之间。一、基本标志3.是Html文档的主体部分，在此标志对之间可包含、等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。一、基本标志标志中还可以有以下属性：标志中还可以有以下属性：属性属性用途用途示例

3、示例 设置背景颜色。设置背景颜色。=red红色背景红色背景 设置文本颜色。设置文本颜色。body text=#0000ff蓝色文蓝色文本本 设置链接颜色。设置链接颜色。body link=blue链接为蓝色链接为蓝色 设置已使用的链接的颜色。设置已使用的链接的颜色。=#ff0000 设置正在被击中的链接的颜色。设置正在被击中的链接的颜色。=yellow 说明说明:以上各个属性可以结合使用，如以上各个属性可以结合使用，如=red text=#0000ff。引号内的引号内的rrggbbrrggbb是用六个十六进制数表示的是用六个十六进制数表示的RGB(RGB(即红、绿、蓝三色的组合即红、绿、蓝三色

4、的组合)颜色，如颜色，如#ff0000ff0000对应的是红色。此对应的是红色。此外，还可以使用外，还可以使用HtmlHtml语言所给定的常量名来表示颜色：语言所给定的常量名来表示颜色：BlackBlack、WhiteWhite、GreenGreen、MaroonMaroon、OliveOlive、NavyNavy、PurplePurple、GrayGray、YellowYellow、LimeLime、AguaAgua、FuchsiaFuchsia、SilverSilver、RedRed、BlueBlue和和TealTeal，如如 text=Blue表示表示 body标志对中的文本使用蓝色显示

5、在浏览器的框内。标志对中的文本使用蓝色显示在浏览器的框内。一、基本标志下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志下面是一个综合的例子，仔细阅读，您便可以了解以上各个标志对在一个对在一个Html文档中的布局或所使用的位置。文档中的布局或所使用的位置。显示在浏览器最上边蓝色条中的文本显示在浏览器最上边蓝色条中的文本红色背景、蓝色文本红色背景、蓝色文本 二、格式标志1.标志对是用来创建一个段落，在此标志对之间加入的文本将按照段落的格式显示在浏览器上。标志还可以使用align属性，它用来说明对齐方式，语法是：。align可以是Left(左对齐)、Center(居中)和Right(右对齐)

6、三个值中的任何一个。如表示标志对中的文本使用居中的对齐方式。二、格式标志2.是一个很简单的标志，它没有结束标志，因为它用来创建一个回车换行。在的使用上还有一定的技巧，如果您把加在标志对的外边，将创建一个大的回车换行，即前边和后边的文本的行与行之间的距离比较大，若放在的里边则前边和后边的文本的行与行之间的距离将比较小三、文本标志1.Html语言提供了一系列对文本中的标题进行操作的标志对：，即一共有六对标题的标志对。是最大的标题，而则是最小的标题，也即是标志中h后面的数字越大标题文本就越小。三、文本标志2.经常使用WORD的人对这三对标志对一定很快就能掌握。用来使文本以黑体字的形式输出；用来使文本

7、以斜体字的形式输出；用来使文本以下加一划线的形式输出。三、文本标志3.是一对很有用的标志对，它可以对输出文本的字体、字号、颜色进行随意地改变，这些改变主要是通过对它的face、size和color属性的控制来实现的。face属性用来改变字体，size属性用来改变字体的大小；而color属性则用来改变文本的颜色，颜色的取值是前面讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。四、图像标志1.标志并不是真正地把图像给加入到Html文档中，而是将标志对的src属性赋值，这个值是图形文件的文件名，当然包括路径，这个路径可以是相对路径，也可以是网址。实际上就是通过路径将图形文件嵌入到您的文档中

8、。四、图像标志所谓相对路径是指您所要链接或嵌入到当前Html文档的文件与当前文件的相对位置所形成的路径。假如您的Html文件与图形文件(文件名假设是logo.gif)在同一个目录下，则可以将代码写成。假如您的图形文件放在当前的Html文档所在目录的上层目录下，则相对路径就必须是准确地址了。四、图像标志2.标志是在Html文档中加入一条水平线，它可以直接使用，具有size、color、width和noshade属性。size是设置水平线的厚度，而width是设定水平线的宽度，默认单位是像素。noshade属性不用赋值，而是直接加入标志即可使用，它是用来加入一条没有阴影的水平线(不加入此属性水平线

9、将有阴影)。四、图像标志图像标志的综合示例五、链接标志本标志对的属性href是无论如何不可缺少的，标志对之间加入需要链接的文本或图像(链接图像即加入标志)。href的值可以是URL形式，即网址或相对路径，也可以是mailto:形式，即发送E-Mail形式。对于第一种情况，语法为，这就能创建一个超文本链接这是我的网站五、链接标志对于第二种情况，语法为，这就创建了一个自动发送电子邮件的链接，mailto:后边紧跟想要制动发送的电子邮件的地址(即E-Mail地址)这是我的电子信箱(E-Mail信箱)六、表格标志1.属性用途设置表格的背景色。设置边框的宽度，若不设置此属性，则边框宽度默认为0。设置边框

10、的颜色。设置边框明亮部分的颜色(当border的值大于等于1时才有用)。设置边框昏暗部分的颜色(当border的值大于等于1时才有用)。设置表格格子之间空间的大小。设置表格格子边框与其内部内容之间空间的大小。设置表格的宽度，单位用绝对像素值或总宽度的百分比。说明:以上各个属性可以结合使用。有关宽度、大小的单位用绝对像素值。而有关颜色的属性使用十六进制RGB颜色码或Html语言给定的颜色常量名(如 Silver 为银色)六、表格标志2.标志对用来创建表格中的每一行。此标志对只能放在标志对之间使用，而在此标志对之间加入文本将是无用的，因为在之间只能紧跟标志对才是有效的语法。标志对用来创建表格中一行

11、中的每一个格子，此标志对也只有放在标志对之间才是有效的，您想要输入的文本也只有放在标志对中才有效(即才能够显示出来)六、表格标志、和标志对的关系如下所示最外层最外层,创建一个表创建一个表格格-创建一行创建一行-创建一个格创建一个格子子(这里总共创这里总共创建了三个格子建了三个格子)-)-td要输出的文本只能放在此处要输出的文本只能放在此处/td td要输出的文本只能放在此处要输出的文本只能放在此处/td td要输出的文本只能放在此处要输出的文本只能放在此处/td/最外层最外层-六、表格标志2.还有align和valign属性。align是水平对齐方式，取值为left(左对齐)、center(居

12、中)、right(右对齐)；而valign是垂直对齐方式，取值为top(靠顶端对齐)、middle(居中间对齐)或bottom(靠底部对齐)。具有width、colspan、rowspan和nowrap属性。width是格子的宽度，单位用绝对像素值或总宽度的百分比；colspan设置一个表格格子跨占的列数(缺省值为1)；rowspan设置一个表格格子跨占的行数(缺省值为1)；nowrap禁止表格格子内的内容自动断行。六、表格标志3.标志对用来设置表格头，通常是黑体居中文字。六、表格标志表格标志的综合示例意大利英格兰AC米兰佛罗伦萨曼联纽卡斯尔巴塞罗那皇家社会尤文图斯桑普多利亚利物浦阿森纳皇家马德里