allwiki首页  
天下维客 你可以修改的网络知识库
首页最近更改优秀条目专题展示电脑科技词典软件学习网络知识电脑安全明星时尚天下百科
 

HTML速成

天下维客,你可以修改的网络知识库

Jump to: navigation, search
HTML速成
内容
HTML教程
其它教程
外部资源

HTML英语意思是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX,WINDOWS等)。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言,用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。

  • 所谓超文本,因为它可以加入图片、声音、动画、影视等内容,因为它可以从一个文件跳转到另一个文件,与世界各地主机的文件连接。

目录

初识HTML

HTML的基本结构

超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体中才是要显示的各种文档信息。 实例

<HTML>
 <HEAD>
      头 部 信 息
     </HEAD>
    <BODY>
      文 档 主 体, 正 文 部 分
     </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> 

html可以做到的效果

  • 通过HTML可以表现出丰富多彩的设计风格
 图片调用:<IMG SRC="文件名">
 文字格式:<FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>
  • 通过HTML可以实现页面之间的跳转
 页面跳转:〈A HREF="文件路径/文件名"></A>
  • 通过HTML可以展现多媒体的效果
   声频:<EMBED SRC="音乐文件名" AUTOSTART=true>
  视频:<EMBED SRC="视频文件名" AUTOSTART=true>

上面的示例超文本特征的同时,采用了一些我们在制作超文本文件时需要用到的一些标签。

  • 所谓标签,就是它采用了一系列的指令符号来控制输出的效果,这些指令符号用“<标签名字 属性>”来表示。

超文本中的标签

标签也有人习惯叫做标志,刚刚接触超文本,遇到的最大的障碍就是一些用“<”和“>”括起来的句子,我们称它为标签,是用来分割和标记文本的元素,以形成文本的布局、文字的格式及五彩缤纷的画面。

  1. 单标签 只需单独使用就能完整地表达意思,这类标记的语法是:
           < 标签名称> 

Image:Allwiki notice.png最常用的单标签是
, 它表示换行。

  1. 双标签 由“始标签”和“尾标签”两部分构成,必须成对使用,其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能,而尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠(/)即成为尾标记。这类标记的语法是:
         <标签> 内 容</ 标签> 

其中“内容” 部分就是要被这对标记施加作用的部分。例如你想突出对某段文字的显示,就将此段文字放在一 标记中:

             <EM>第一:</EM> 
  1. 标签属性 许多单标记和双标记的始标记内可以包含一些属性, 其语法是:
          < 标签名字 属性1 属性2 属性3 … > 
image:zhuyi.jpg各属性之间无先后次序,属性也可省略(即取默认值),例如单标记
表示在文档当前位置画一条

Image:Allwiki notice.png水平线(horizontal line),一般是从窗口中当前行的最左端一直画到最右端。带一些属性:

           <HR SIZE=3 ALIGN=LEFT WIDTH="75%">
  • 其中SIZE属性定义线的粗细,属性值取整数,缺为1;ALIGN属性表示对齐方式,可取LEFT(左对齐,缺省值)CENTER(居中),RIGHT(右对齐);WIDTH 属性定义线的长度,可取相对值,(由一对 " "号括起来的百分数,表示相对于充满整个窗口的百分比),也可取绝对值(用整数表示的屏幕像素点的个数,如WIDTH=300),缺省值是"100%"。

下面我将系统的介绍HTML标志的使用与所显示出的效果

Personal tools
工具
金银币拍卖 金币拍卖预展  金银币网店 熊猫金银币 生肖金银币