浅谈动易风格模板制作思路及方法（二）

dn001 2009-03-07 19:31:22

（一）、学习风格模板制作前你应该懂得一些简单的html知识：

HTML是一种描述文档结构的标记性语言，它使用一些约定的标记对WWW上的各种信息进行标记。当用户浏览WWW信息时，浏览器会自动解释这些标记的含义，并按照一定的格式在屏幕上显示这些被标记的文件。

1、通过HTML可以调用图片、文字、声音、动画、视频等网页元素

图片调用： <IMG SRC="文件名">
文字格式： <FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>
声频： <EMBED SRC="音乐文件名" AUTOSTART=true>
视频： <EMBED SRC="视频文件名" AUTOSTART=true>

2、通过HTML可以实现页面之间的跳转，最常见的就是网站首页栏目调用后面的“moer...”。

页面跳转：〈A HREF="文件路径/文件名"></A>

3、认识html文档：
html文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。通用格式如下：

<HTML>
<HEAD>
-------插入头部信息
</HEAD>
<BODY>
-------插入html的文档正文部分
</BODY>
</HTML>

其中<HTML>在最外层，表示这对标记间的内容是HTML文档。我们还会看到一些Hompage省略<HTML>标记，因为.html 或.htm 文件被Web浏览器默认为是HTML文档。<HEAD> 之间包括文档的头部信息，如文档总标题等，若不需头部信息则可省略此标记。<BODY> 标记一般不省略，表示正文内容的开始。

下面是一个最基本的超文本文档的源代码：

<HTML>
<HEAD>
<TITLE>HTML示例</TITLE>
</HEAD>

<BODY>
<CENTER>
<H3>欢迎光临</H3>
<BR>
<HR>
<FONT SIZE=2>
　　感谢您的到来！
</FONT>
</CENTER>
</BODY>

</HTML>

4、认识html文档中的标签：

刚刚接触html文档，最大的障碍就是一些用“<”和“>”括起来的句子，我们称它为标签，它们是用来分割和标记文本的元素。

A. 单标签
某些标记称为“单标签”，因为它只需单独使用就能完整地表达意思，这类标记的语法是：< 标签名称>，最常用的单标签是<BR>, 它表示换行。

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

5、学会读网页源码：
我们来看看动易公司的网页源码(即htm语言,查看方法为先选中你要看的网页,右

键->查看源代码,会得到一个用记事本打开的文件,里面就是我们要学习的网页源

代码即htm语言了)

<html>
<head>
<title>动易网络科技 >> 首　页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Keywords" content="动易,动易网络,动易网络科技有限公司,动易网站管理系统,动力文章系统,文章系统,动力,网站建设,解决方案,网站,设计,网页设计制作,软件,帮助,系统帮助,动易帮助,服务">
<meta name="description" content="动易网络"> <link href='/Skin/DefaultSkin.css' rel='stylesheet' type='text/css'> <script language='JavaScript' type='text/JavaScript' src='/js/menu.js'></script>

标签：