1 / 56
文档名称:

HTML及JS培训教材.docx

格式:docx   大小:96KB   页数:56页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML及JS培训教材.docx

上传人:小白 2022/5/15 文件大小:96 KB

下载得到文件列表

HTML及JS培训教材.docx

文档介绍

文档介绍:最新 精品 Word 欢迎下载 可修改
应用开发二部
深圳市茁壮网络技术
培训教材
HTML及JS根底知识培训
Htm
HTML Event Handlers 60
最新 精品 Word 欢迎下载 可修改

HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台〔如UNIX,WINDOWS等〕。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。
接下来,我们就结合几个实例来观看一下HTML的全貌,以便于我们首先对它有一个整体上的认识,并且体会一下超文本与标记究竟是什么意思。
通过HTML可以表现出丰富多彩的设计风格
图片调用:<IMG SRC="文件名">
文字格式:<FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>
通过HTML可以实现页面之间的跳转
页面跳转:〈A HREF="文件路径/文件名"></A>
从以上的例子,我们就可以理解超文本与标记的含义了。所谓超文本,因为它可以参加图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。所谓标记,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>〞来表示。
二.HTML的根本结构
超文本文档分文档头和文档体两局部,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。
<HTML>
<HEAD>
头 部 信 息
</HEAD>
最新 精品 Word 欢迎下载 可修改
<BODY>
文 档 主 体, 正 文 部 分
</BODY>
</HTML>
其中<HTML>在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略<HTML>标记, 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息,如文档总标题等,假设不需头部信息那么可省略此标记。<BODY> 标记一般不省略, 表示正文内容的开始。
下面是一个最根本的超文本文档的源代码:
<HTML>
<HEAD>
<TITLE>一个简单的HTML例如</TITLE>
</HEAD>
<BODY>
<CENTER>
<H3>欢迎光临我的主页</H3>
<BR>
<HR>
<FONT SIZE=2>
这是我第一次做主页,无论怎么样,我都会努力做好!
</FONT>
</CENTER>
</BODY>
</HTML>
━┓
┃文件头
━┛
━┓



┃文件体




━┛
超文本中的标签
刚刚接触超文本,遇到的最大的障碍就是一些用“<〞和“>〞括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。
最新 精品 Word 欢迎下载 可修改
1. 单标签
某些标记称为“单标签〞,因为它只需单独使用就能完整地表达意思,这类标记的语法是:
< 标签名称>
最常用的单标签是<BR>, 它表示换行。

另一类标记称为“双标签〞,它由“始标签〞和“尾标签〞两局部构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠〔/〕即成为尾标记。这类标记的语法是:
<标签> 内 容</ 标签>
其中“内容〞 局部就是要被这对标记施加作用的局部。例如你想突出对某段文字的显示,就将此段文字放在