html基本知识汇总表(txt)

<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" οnclick="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>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值