<html>
<head>
<title>text-font</title>
</head>
<body>
************************<font size="7" color="red">标题章节</font>*************************<br>
正常文本
<h1>一级标题</h1>
<h2 align=right>二级标题，右对齐</h2>
<h3>三级标题，左对齐</h3>
<h4 align=center>四级标题，居中对齐</h4>
<h5>五级标题，左对齐</h5>
<h6>六级标题，左对齐</h6>
************************<font size="7" color="red">字体章节</font>*************************<br>
<font>默认字体</font><br>
<font size="+1" color="red">大一号红色字体</font>(size:1~7 ，默认是3， +1表示默认+1，-1表示默认-1)<br>
<font size="-1" color="green">小一号绿色字体</font><br>
<font size="5" face="黑体">5号黑体字体</font><br>
<font size="2" face="楷体_GB2312" color="blue">1号楷体蓝色字体</font><br>
************************<font size="7" color="red">字符样式标记章节</font>*************************<br>
<b>将文本设置为粗体</b><br>
<i>将文本设置为斜体</i><br>
<u>文本添加下划线</u><br>
<big>将文本设置大字体</big><br>
<small>将文本设置小字体</small><br>
<strike>将文本添加删除线</strike></br>
<s>删除线，同上</s><br>
z=X<sup>2</sup>设置上标<br>
H<sub>2</sub>O设置下标<br>
<address>指定网页设计者或维护者的信息，通常为斜体</address><br>
<cite>表示文本属于引用</cite><br>
<dfn>表示定义的术语，通常显示为黑体或者斜体</dfn><br>
<em>强调某些字词，通常显示为斜体</em><br>
<kbd>表示用户键盘输入，通常显示为等宽字体</kbd><br>
<samp>表示文本样本，通常显示为等宽字体</samp><br>
<strong>特别强调某些字词，通常为粗体</strong><br>
<var>表示变量，通常显示为斜体</var><br>
************************<font size="7" color="red">水平线标记章节</font>*************************<br>
默认水平线<hr>
粗为5像素的水平线<hr size="5">
长度为100像素的水平线<hr width="100">
长度为窗口宽度50%的水平线<hr width="50%">
长度为100像素，右对齐的水平线<hr width="100" align="right">
粗为5像素的实心水平线<hr size="5" noshade>
蓝色水平线<hr color="blue">
************************<font size="7" color="red">区间标记章节</font>*************************<br>
<p align="left"><font>默认字体</font></p>
<p align="center"><font size="-1" color="green">小一号绿色字体</font></p>
<font size="5" face="黑体">很明显，标记p比标记br区间要大</font><br>
<font size="2" face="楷体_GB2312" color="blue">1号楷体蓝色字体</font><br>
<div align="center">
<p>一段都是一样的属性</p>
<p><font size="-1" color="green">小一号绿色字体</font></p>
</div>
************************<font size="7" color="red">列表标记章节</font>*************************<br>
<b>今天我要上以下的课</b>
<!--无序列表-->
<ul><!--默认type=disc-->
<li>数学
<li>语文
<li>英语
</ul>
<ul type=circle>
<li>数学
<li>语文
<li>英语
</ul>
<ul type=square>
<li>数学
<li>语文
<li>英语
</ul>
<b>今天我要上以下的课</b>
<!--有序列表-->
<ol start=2><!--默认 type=1 -->
<li>数学
<li>语文
<li>英语
</ol>
<ol type=A >
<li>数学
<li>语文
<li>英语
</ol>
<ol type=a>
<li>数学
<li>语文
<li>英语
</ol>
<ol type=I>
<li type=a>数学
<li>语文
<li>英语
</ol>
************************<font size="7" color="red">图片文本标记章节</font>*************************<br>
<div align=center>
<img src="1.jpg" alt="黄鹤楼图片" align="right" border="1" width=300 height=310>
<h1>黄鹤楼</h1>
<h3>[唐]崔颢</h3>
<p>昔人已乘黄鹤去，此地空余黄鹤楼。</p>
<p>黄鹤一去不复返，白云千载空悠悠。</p>
<p>晴川历历汉阳树，芳草萋萋鹦鹉洲。</p>
<p>日暮乡光何处是，烟波江上使人愁。</p>
</div>
****************************<font size="7" color="red">超链接标记章节</font>*************************<br>
<p>单击<a href="www.baidu.com" target=_blank><b>这里</b></a>可以到百度页面。</p>
****************************<font size="7" color="red">表格章节</font>*************************<br>
<table border=3 bordercolor=blue background="1.jpg" align=center cellspacing=3 cellpadding= 6>
<!--
table属性
border , align , bordercolor,background(背景图片)
width----表示表格宽度，分整数和百分比两种格式。默认是100%
cellspacing---表格边框之间的距离，默认2
cellpadding----表格里面内容与边框之间的距离，默认0
-->
<!--
tr属性
align , bgcolor ,width , height ,
valign----本行文字排列位置 默认middle 其他的有top bottom
-->
<!--
td属性
align , bgcolor ,valign width , height , bround
colspan---按列横相结合。
rowspan---按行纵向结合。
-->
<caption>专业设置及在校人数表</caption>
<!--表格的标题-->
<tr align=center bgcolor=mediumturquoise>
<td><strong>系名</strong></td>
<td colspan=4><strong>专业及人数</strong></td>
</tr>
<tr align=center valign=middle>
<td rowspan=6>计算机科学与技术系</td>
<td colspan=4 bgcolor=ddeeff>计算机应用专业</td>
</tr>
<tr align=center>
<td>99级</td>
<td>98级</td>
<td>97级</td>
<td>96级</td>
</tr>
<tr align=center>
<td>300人</td>
<td>200人</td>
<td>150人</td>
<td>50人</td>
</tr>
<tr align=center>
<td colspan=4 bgcolor=ddeeff>信息工程专业</td>
</tr>
<tr align=center>
<td>99级</td>
<td>98级</td>
<td>97级</td>
<td>96级</td>
</tr>
<tr align=center>
<td>100人</td>
<td>130人</td>
<td>150人</td>
<td>50人</td>
</tr>
<tr align=center>
<td rowspan=3>英语系</td>
<td colspan=4 bgcolor=ddeeff>英语专业</td></tr>
<tr align=center>
<td>99级</td>
<td>98级</td>
<td>97级</td>
<td>96级</td>
</tr>
<tr align=center>
<td>60人</td>
<td>50人</td>
<td>150人</td>
<td>60人</td>
</tr>
</table>
****************************<font size="7" color="red">表单章节</font>*************************<br>
<from method=post action="a.jsp">
<input type="text" id="t1" name="text" value="默认值">输入文字<br>
<textarea id="t2" name="ta" rows=4 cols=30>文字编辑框</textarea><br>
<input type="submit" value="提交到另一个地方">
<input type="button" onclick="newkj()" value="可以相应方法"><br><br>
<select name="sel">
<option value=-1>请选择</option>
<option value=1>党员</option>
<option value=2>团员</option>.
<option value=3>群众</option>
</select>
<b>选择你的学习方式</b><br>
<input type="radio" checked name=r >全日制在读
<input type="radio" name=r>走读
<input type="radio" name=r>函授<br><br>
<b>请选择你所要学习的课程</b><br>
<input type="checkbox" name="ck1" checked>局域网工程<br>
<input type="checkbox" name="ck2">信息工程<br>
<input type="checkbox" name="ck3">计算工程<br><br>
</body>
</html>
