HTML入门

显示全部楼层 · 2007-5-8 17:58:17

HTML入门

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

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

　　通过HTML可以表现出丰富多彩的设计风格

　　　　　图片调用：<IMG SRC="文件名">
　　　　　文字格式：<FONT SIZE="+5 " COLOR="00FFFF">文字</FONT>

　　通过HTML可以实现页面之间的跳转

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

　　通过HTML可以展现多媒体的效果

　　　　　声频：<EMBED SRC="音乐文件名" AUTOSTART=true>
　　　　　视频：<EMBED SRC="视频文件名" AUTOSTART=true>
HTML中也提供了相应的标题标签<Hn>,其中n为标题的等HTML总共提供六个等级的标题，n越小，标题字号就越大，以下列出所有等级的标题：
<H1>…</H1>　　　　　第一级标题

<H2>…</H2>　　　　　第二级标题

<H3>…</H3>　　　　　第三级标题

<H4>…</H4>　　　　　第四级标题

<H5>…</H5>　　　　　第五级标题

<H6>…</H6>　　　　　第六级标题

代码部分

换行<br>
段落标签<P></P> 水平线段<HR>
<HR>有三个属性： size　水平线的宽度 width 水平线的长，用占屏幕宽度的百分比或象素值来表示 align 水平线的对齐方式，有LEFT RIGHT CENTER三种 noshade 线段无阴影属性，为实心线段文字的大小设置<font size=7>这是size=7的字体</font>
文字的字体与样式<font face="字体"> 文字的颜色<font color=color_value>…</font> 位置控制<DIV ALIGN=#> 说明：#＝left／right／center 表格的基本结构 <table>...</table> 　定义表格
<caption>...</caption>　定义标题
<tr> 　定义表行
<th> 　定义表头
<td> 　定义表元(表格的具体数据) 表格的标题：设置标题位于表格上方： <caption align=top> ... </caption>
设置标题位于表格下方： <caption align=bottom> ... </caption> 表格尺寸设置：表格的大小：<table width=n1 height=n2>
width和height属性分别指定表格一个固定的宽度和长度，n1和n2可以用像素来表示，也可以用百分比（与整个屏幕相比的大小比例）来表示。边框尺寸设置：边框是用border属性来体现的，它表示表格的边框边厚度和框线。将border设成不同的值，有不同的效果。如：<table border=10　width=250> 格间线宽度：格与格之间的线为格间线，它的宽度可以使用<TABLE>中的CELLSPACING属性加以调节。格式是：<TABLE　CELLSPACING=#>#表示要取用的像素值内容与格线之间的宽度：我们还可以在<TABLE>中设置CELLPADDING属性，用来规定内容与格线之间的宽度。格式为<TABLE　CELLPADDING=#>#表示要取用的像素值

背景色彩和文字色彩

<body bgcolor=# text=# link=# alink=# vlink=#>
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的红－绿－蓝(red-green-blue, RGB) 值来表示。
16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

背景图象 <body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>

文件之间的链接

超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。一个链接的基本格式如下： <A HREF="资源地址">链接文字</A>

·标签<A>表示一个链接的开始，</A>表示链接的结束；
·属性“HREF”定义了这个链接所指的地方；
·通过点击“链接文字”可以到达指定的文件。

本地链接：

　　现在我们把这几种路径的表示方法写入链接中：

　　以绝对路径表示：<A HREF="/c:\study\HTML教程\link01.htm">文件的链接</A> 　　以相对路径表示：<A HREF="link01.htm">文件的链接</A> 　　链接上一目录中的文件：<A HREF="../../Internet/IP地址">IP地址</A>

URL链接 ************

　　URL链接的形式是：　　协议名：//主机.域名／路径／文件名
　　其中协议包括：

　　file　　　　　　本地系统文件
　　http　　　　　　WWW服务器
　　ftp　　　　　　 ftp服务器
　　telnet　　　　　基于TELNET的协议
　　mailto　　　　　电子邮件
　　news　　　　　　Usenet新闻组
　　gopher　　　　　GOPHER服务器
　　wais　　　　　　WAIS服务器

　写在HTML文件中，链接其他主机上的文件时，格式如下：

<A HREF="http://cnvery.5d6d.com/";>资源社区</A>

类别一序号标签符号命令作用备注　
创建Web页 1 <HEAD>
<TITLE></TITLE>
</HEAD> 为建立HTML文件头应放入的信息，以及在浏览窗口的标题框内一什么样的名称去调用该文件。 <HEAD>
<TITLE>我的主页</TITLE>
</HEAD>
2 <EM>,</EM> 强调显示隐式格式化标记
3 <HR> 空标记上下两句话之间被一条水平线隔开
4 <P>,</P> 段落标记多数情况下，Web浏览器只认识字间只有一个空格，忽略字间的其他空格和HTML文件中加入的回车。
5 <BR>　分行标记它在Web文件中强制实现换行
6 　 注释标记通常使用注释标记是处于个人目的的，因此可以用注释写上一个版权信息或者个人情况
7 <H1>,</H1> 　

标题标记
　

　
　第一级字号最大，用于总标题
8 <H2>,</H2> 第二级小一些，用于大分标题
9 <H3>,</H3> 第三级再小些，用于小分标题
10 <H4>,</H4> 第四级字号大小和正常字号相同
11 <H5>,</H5> 第五级也加强调，但比正常字号小
12 <H6>,</H6> 第六级最小
13 <B>,</B> 　
　强调显示标记

黑体　
14 <I>,</I> 斜体
15 <U>,</U> 下划线文本
16 <TT>,</TT>　　
隐式标记

　一般再现为等宽字体文　
17 <EM>,</EM> 进一步强调，一般为斜体
18 　<STRONG>,</STRONG> 进一步强调，一般为黑体
19 <CODE>,</CODE>　程序员的HTML标记.HTML早期被用来编制计算机程序应用说明，为计算机编程人员提供便利和建议。后来，HTML2.0标准提供了一些（逻辑的》HTML标记，从而使HTML设计人员可以对文本做标记使得该文本能够更容易展示计算机编程代码。

　　编程行，一般再现为等宽字体，如<TT>
20 <KBD>,</KBD>　键盘文本，一般再现为等宽字体　
21 <SAMP>,</SAMP>　样本输出，一般再现为等宽字体　
22 <VAR>,</VAR>　变量，一般为等宽字体　
23 <CITE>,</CITE> 　
排版类标记

　引文，一般再现为斜体　
24 <BLOCKQUOTE>, </BLOCKQUOTE>