<html>
<body>
<p><b>粗体用b表示。</b></p>
<p><i>斜体用i表示。</i></p>
<p><del>芙蓉姐姐</del>这个词当中划线表示删除。</p>
<p><ins>想唱就唱</ins>这个词下划线插入。</p>
<p>X<sub>2</sub>其中的2是下标</p>
<p>X<sup>2</sup>其中的2是上标</p>
<p><blockquote>好好学习，天天向上。这句话缩进表示引用</blockquote></p>
<pre>
这是
预设(preformatted)文本.
在pre这个tag里的文本 保留
空格和
分行。
</pre>
<code>call getOrders</code>
<p>用code显示计算机代码，code里显示的字符是等宽字符。</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*加横线*
<html>
<body>
<p>用hr这个Tag可以在HTML文件里加一条横线。</p>
<hr>
<p>村妇想像皇宫的生活：皇后得用金扁担挑水吧。</p>
<hr>
<p>问：谁是世界上最可怜的人？答：炮兵连炊事班战士！问：为什么？答：戴绿帽背黑锅看别人打炮。
</p>
<hr>
<p>初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！……</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－
*标题居中显示*
<html>
<body>
<h1 align="center">这是标题</h1>
<p>上面的标题是居中显示的。</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*代码注释*
<html>
<body>
<!--这是代码注释-->
<p>代码注释是不会显示在网页里的。</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*链接*
<html>
<body>
<p>
<a href="../asdocs/html_tutorials/humor02.html">这是一个链接</a>
</p>
<p>
<a href="http://www.admin5.com/html" target=_blank>站长网 站长学院站点链接</a>
</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*将一张图片作为一个链接*
<html>
<body>
<p>
你可以将一张图片作为一个链接，点击这个图片。
<a href="../asdocs/html_tutorials/humor03.html"><img
src="../images/html_tutorials/smile.jpg" ></a>
</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*给表格设置背景颜色 背景图片*
<html>
<body>
<h4>给表格设置背景颜色：</h4>
<table border="1" bgcolor="red">
<tr>
<td>第一</td>
<td>行</td>
</tr>
<tr>
<td>第二</td>
<td>行</td>
</tr>
</table>
<h4>给表格加背景图片：</h4>
<table border="1" background="../images/html_tutorials/background.gif">
<tr>
<td>第一</td>
<td>行</td>
</tr>
<tr>
<td>第二</td>
<td>行</td>
</tr>
</table>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*单元格对齐方式*
<html>
<body>
<table width="350" border="1">
<tr>
<th align="center">分数</th>
<th align="center">期中考试</th>
<th align="center">期末考试</th>
</tr>
<tr>
<td align="left">芙蓉姐姐</td>
<td align="right">250.10</td>
<td align="right">50000.20</td>
</tr>
<tr>
<td align="left">程菊花</td>
<td align="right">1000.00</td>
<td align="right">5000.45</td>
</tr>
<tr>
<td align="left">周笔畅</td>
<td align="right">2000.40</td>
<td align="right">500.00</td>
</tr>
<tr>
<td align="left">黄新</td>
<td align="right">300.50</td>
<td align="right">800.65</td>
</tr>
</table>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*列框架*
<html>
<frameset cols="25%,50%,25%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*行框架*
<html>
<frameset rows="25%,50%,25%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*行列框架*
<html>
<frameset rows="50%,50%">
<frame src="../asdocs/html_tutorials/Frame_a.html">
<frameset cols="25%,75%">
<frame src="../asdocs/html_tutorials/Frame_b.html">
<frame src="../asdocs/html_tutorials/Frame_c.html">
</frameset>
</frameset>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*内嵌框架*
<html>
<body>
<p>用 IFRAME 可以在HTML文件里显示另一个网页。</p>
<p>这个 HTML 文档中使用 IFRAME 来显示另外一个叫Frame_a.html 的网页。</p>
<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*指定框架大小*
<html>
<frameset rows="50%,50%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html">
<frameset cols="25%,75%">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html">
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html">
</frameset>
</frameset>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*不排序列表*
<html>
<body>
<h4>不排序列表(Unordered List)：</h4>
<ul>
<li>站长网 站长学院之网页课程</li>
<li>站长网 站长学院之网页代码</li>
<li>站长网 站长学院之魔兽世界</li>
</ul>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*排序列表*
</html>
<html>
<body>
<h4>一个排序列表(Ordered List)：</h4>
<ol>
<li>站长网 站长学院之网页课程</li>
<li>站长网 站长学院之网页代码</li>
<li>站长网 站长学院之魔兽世界</li>
</ol>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*嵌套列表*
<html>
<body>
<h4>嵌套一层的列表：</h4>
<ul>
<li>肉类</li>
<li>蔬菜
<ul>
<li>番茄</li>
<li>青菜</li>
</ul>
</li>
<li>酒类</li>
</ul>
<h4>嵌套2层的列表：</h4>
<ul>
<li>动物
<ul>
<li>两栖动物</li>
<li>哺乳动物
<ul>
<li>人</li>
<li>猩猩</li>
</ul>
</li>
<li>鱼类</li>
</ul>
</li>
<li>植物</li>
</ul>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*图片对齐方式*
<html>
<body>
<p>图片的上下对齐方式：</p>
<p><img src="../images/logo/blabla_logo.gif" align="top">对齐方式:top</p>
<p><img src="../images/logo/blabla_logo.gif" align="middle">对齐方式:middle</p>
<p><img src="../images/logo/blabla_logo.gif" align="bottom">对齐方式:bottom</p>
<p>图片的左右对齐方式：</p>
<p><img src="../images/logo/blabla_logo.gif" align="Left">对齐方式:left</p>
<p><img src="../images/logo/blabla_logo.gif" align="center">对齐方式:center</p>
<p><img src="../images/logo/blabla_logo.gif" align="right">对齐方式:right</p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*字体颜色*
<html>
<head><title>字体颜色 font color</title></head>
<body>
<p>这段文字用的是缺省的字体颜色。</p>
<p><font color="#FF0000">这段文字的字体颜色为红色。</font></p>
<p><font color="gray">这段文字的字体颜色为灰色。</font></p>
<p><font color="#33CC00">这段文字的字体颜色为绿色。</font></p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*字体风格*
<html>
<head><title>字体风格 font face</title></head>
<body>
<p>以下第一段用的是arial字体，第二段用的是courier字体，第三段用的是verdana字体。</p>
<p><font face="arial">arial courier verdana</font></p>
<p><font face = "courier">arial courier verdana</font></p>
<p><font face="verdana">arial courier verdana</font></p>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*页面背景色*
<html>
<body bgcolor="yellow">
<h2>看，这个页面是黄色的。</h2>
</body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
*页面背景图片*
<html>
<body background="../images/html_tutorials/background.jpg">
<h3>这个网页有背景图片哦！</h3>
<p>如果图片比页面小，图片会自动重复。</p>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
