HTML入门实例教程

HTML入门实例教程

实例1

演示

实例2

<H1> 这是一个基本页面 </H1>
<P align=right> 欢迎来到这里 </P>
<H2> 一首小诗 </H2>
<P> 你清丽秀雅的脸上始终荡漾着春天般美丽的笑容, 在你那流转顾盼的眼睛里，我总能捕捉到你的宁静，你的热烈，你的敏感，你的聪颖. 倘若西子再世，见到你她也会自惭形秽，无颜见人，惟投水自溺而死；假如昭君复生，在你面前也会黯然失色，自叹弗如，只能远避边塞，从此不敢再回中原。</P>
<H3>作者是谁？</H3>
<P>我也不知道，呵呵</P>

演示

实例3

<H2>
<P align=center>下面就是链接实例
</P>
</H2>
<P align=center>
<A HREF="http://www.activepower.net" target="_blank">访问互动力量（在新窗口打开）</A>
<A HREF="http://www.activepower.net">访问互动力量（在当前窗口打开）</A>
</P>

演示

实例4

<P ALIGN=CENTER>看看如何实现图像插入
<BR>
</P>
<BODY>
<P ALIGN=CENTER>
<IMG SRC="http://club.activepower.net/images/tips/activepower.gif">
</P>

演示

实例5

看看下面这几条线
<BR>
<HR SIZE=5>
<HR WIDTH=80>
<HR WIDTH=70 ALIGN=RIGHT>
<HR NOSHADE>

演示

实例6

<H1 ALIGN=CENTER>对齐方式演示</H1>
<H2 ALIGN=RIGHT>
AAA
</H2>
<H2 ALIGN=CENTER>
BBB
</H2>
<H2 ALIGN=LEFT>
CCC
</H2>

演示

实例7

演示

实例8

<UL TYPE="CIRCLE">
<LI>出版社简介</LI>
<LI>教材简介
<OL TYPE=I>
<LI>物理系列</LI>
<LI>数学系列</LI>
<LI>计算机系列</LI>
<LI>机械系列</LI>
</OL>
</LI>
<LI>联系方法:jiaoluo.com@gmail.com
<DL>
<DT>地址:中国.湖南.湘潭</DT>
<DD>湖南角落出版社</DD>
<DT>网址</DT>
<DD>http://www.jiaoluo.com</DD>
</DL>
</LI>
</UL>

演示

实例9

<P ALIGN=CENTER>
<TABLE BORDER="1">

<CAPTION> 昨天三个路口的交通情况 </CAPTION> <!-表的第一行-->
<TR>
<TH>路口名称</TH>
<TH>有无堵车</TH>
<TH>有无事故</TH>
<TH>有无违章</TH>
</TR>
<!-表的第二行-->
<TR>
<TH>路口一</TH>
<TH>无</TH>
<TH>无</TH>
<TH>有</TH>
</TR>
<!-表的第三行-->
<TR>
<TH>路口二</TH>
<TH>有</TH>
<TH>无</TH>
<TH>有</TH>
</TR>
<!-表的第四行-->
<TR>
<TH>路口三</TH>
<TH>无</TH>
<TH>无</TH>
<TH>有</TH>
</TR>
</TABLE>

</P>

演示

实例10

演示

实例11

<TABLE BORDER>
<CAPTION></CAPTION>
<TR>
<TH>句子1</TH>
<TD>我们还有拨云见日的希望么？也许还有，但还很漫长</TD>
</TR>
<TR>
<TH>句子2</TH>
<TD>我想我是你的天使带来快乐围绕你的身旁痛苦真的很难遗忘等待是我惟一的奢望</TD>
</TR>
</TABLE>

演示