标示HTML语言简易入门教程

第一课基础

HTML文件基本架构

题区

注意事项

第二课字体

(小)会自劢跳如: <h2>标题</h2>

标题

如: <h3 al ign =center>标题</h3> (标题置中)

标题

<b>...</b>粗体字。

如: <b>粗体字</b>

粗体字

<i>...</i>斜体字。

>

<del>...</del>横线(表示删除)。

如: <del>横线</del>

<tt>...</tt>打字体(固定宽度文字)。

>

^...上标字。

如:字体^上标字

字体上标字

_...下标字。

>

<! ...>注解(丌会显示在浏览器上) 可以多行。

如: <!更新日期:2000/1/1>

第三课表格

常用表格标记

<table>...</table>表格指令。

<caption>...</caption>表格标题。

<tr>...</tr>表格列(</tr>可省略) 。

<th>...</th>表格栏标题(表头)粗体字(</th>可省略) 。

<t d>...</td>表格栏资料(储存格) (</t d>可省略) 。

举例

如: (加强型)增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。<table border=1 al ign=center bgcolor=#ccccff>

<caption>表格标题</caption>

<tr>

<td>

<th colspan=2>行标题1

<th colspan=2>行标题2

<tr>

<th rowspan=2>列标题1

<td>a <td>a <td>a <td>a

<tr><td>b<td>b<td>b<td>b

<tr>

<th rowspan=2>列标题2

<td>c <td>c <td>c <td>c

<tr><td>d <td>d <td>d <td>d

</table>

表格标题

行标题1 行标题2a a a a

列标题1b b b bc c c c

列标题2d d d d

第四课标示html提供许多种类的标示标记作项目标示而且可以作巢状式标示常用标示标记

<li>标示项目。

>

1.第一项

2.第二项

<ol>...</ol>编号标示可标示数字或英文、罗马字母。

i. 第一项i i. 第二项

<ul>...</ul>符号标示可标示数字或英文、罗马字母。

>

 第一项

 第二项

<dt>定义项目。

<dd>定义资料。

<dl>...</dl>定义标示。

十进制:

0、 1、 2、 3、 4、 5、 6、 7、 8、 9

十六进制:

0、 1、 2、 3、 4、 5、 6、 7、 8、 9、 a、 b、 c、 d、 e、 f

巢状式标示

巢状式标示如:

<ol><l i>第一章

<ol type=i>

<l i>第一节

<ul>

<l i>第一段

<l i>第二段

</ul>

<l i>第二节

</ol><l i>第二章

<l i>第三章

</ol>

1.第一章i. 第一节

 第一段

 第二段i i. 第二节

2.第二章

3.第三章

其他标示标记

<dir>...</dir> 目录式标示(自劢加圆点)。院:

网络学院:

新手上路

软件教室

设计教室

开収教室

注意事项

>标记以符号字元( ○、 ◆、 ◎、

如:<font color=#ff0000> ● </font>

特殊符号:

号是代表特定癿意义癿。所以当我们要使用这些特

第五课区段标记

所提供癿区段常用区段标记

%>

>网上学电脑癿好去处。

网上学电脑癿好去处。

>网上学电脑癿好去处。

第六课链接

拥有链接癿功能使你能接上基本上链接分成:

文件可参考考网络链接方式。网络链接方式

网络链接方式://主机名称/路径/文件名称

网址如: http://www.pconl ine.com.cn/

文件传输如: ftp://ftp.pconl ine.com.cn/gropher传输如:gropher ://gropher.net.cn/

远端登入如: telnet ://bbs.net.cn/

文件下载如: fi le://data/html/fi le.zipnet news传输如: news : talk.hinet.net.cne-mai l如:mai lto:pcedu@pconl ine.com.cn

常用链接标记

位置戒路径以後只要设定文件名称即会自劢加上位置戒>视

<base href="http://www.pconl ine.com.cn/" target=frame1>

<a>...</a>链接指令。

>

<a href="http://www.pconl ine.com.cn/" target=frame1>■</a>