html常用标签

 

图片：<img scr="图片地址"  width="宽度"   height="高度"  alt="文本显示" algin="middle/left/top/right/bottom">
alt:如果图片没有下载，则表示在图片上的文字，如果图片下载完则表示在图片旁边的文字。

字体：<font color="颜色"  face="字体"  size="大小"></font>

换行：<br>

段落：<p>文字</p> 

空段：<p>

无序列表:
disc 默认值，表示实心圆点,circle 空心圆环,square空心正方形
<Ul  type="首符号的类型">
 <li>每一项</li>
 .......
</Ul>

有序列表：
（1,a,A,i,I  序列类型取5个值）
<Ol type="首符号的类型">
 <li>每一项</li>
 .......
</Ol>

超连接到新的网页：
<a href="新的网页地址">超链接文字</a>

超连接打开邮箱：
<a href="mailto:默认邮箱">超链接文字</a>

超连接到标记：
1.标识标记：<a name="标记名字">标记文字</a>
2.超连接标记：<a href="#标记名字">超链接文字</a>

线条：<hr size="线的厚度"  wide="宽度"  color="颜色">
  
滚动内容：
<MARQUEE scrolldelay="滚动延时" direction="滚动方向" onmouseover="this.stop()" onmouseout="this.start()"  width="宽度"  height="高度">
 滚动内容
</MARQUEE>

标题：
<H1>标题文本</H1>H1最大
<H2>标题文本</H2>
....
<H6>标题文本</H6>

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
表格标签：
<table cellspadding="单元格填充间距" cellspacing="单元格间距"
width="宽度" height="高度" border="边线的厚度" bordercolor="边线颜色"
background="背景图片" bgcolor="背景颜色">....行列内容......</table>

行标签：
<tr   bgcolor="背景颜色" background="背景图片" align="对齐方式" height="高度">...行内容.....</tr>

单元格标签：
<td   bgcolor="背景颜色" background="背景图片" align="对齐方式"
rowspan="跨行"  colspan="跨列"  width="宽度" height="高度" >单元格内容</td>

<th></th>

表单：
<form action="表单提交的页面"  method="提交方式get或者post">....表单控件...</form>

表单控件：
1.文本控件：<input type="text" name="控件的名字" value="控件默认值" size="控件宽度"  maxlength="允许输入字符数">
2.密码控件：<input type="password" name="控件的名字" value="控件默认值" size="控件宽度"  maxlength="允许输入字符数">
3.单选框控件：<input type="radio" name="控件名称" value="控件的值" checked="是否被选中">
checked;单选按钮一定要一个被选中。同组单选按钮应具有相同的名字，这样便于相互排斥；
4.复选框控件：<input type="checkbox" name="控件名称" value="控件的值" checked="是否被选中">checked;复选框按钮可以有不同的名字，并不需要一组。
5.提交按钮：<input type="submit" name="控件名称" value="控件上的文字">
6.重置按钮：<input type="reset" name="控件名称" value="控件上的文字">
7.按钮：<input type="button" name="控件名称" value="控件上的文字">
8.列表框：
<select name="控件名称">
 <option value="该项的值"  selected="该项是否被选中">该项的显示文本</option>selected;
 .........
</select>
9.多行文本框
<TEXTAREA name="控件名称"  cols="宽度为多少个字符" rows="高度为多少个字符">
 文本框内容
</TEXTAREA>

10.框架：
如:cols="25%,50%,*",rows="50%,*"
<FRAMESET  bordercolor="边的颜色"  border="边的厚度"  rows="行切割划分"  cols="列切割划分">
 .......
 <FRAME  name="框架名称"   src="默认显示的网页"  scrolling="是否有滚动条"no/yes  noresize="是否允许改变该框架大小">
 .......
</FRAMESET>    

框架技术
代码写在head标签外，body标签前
<frameset bordercolor="silver" rows="20%,*" border="2">
        <frame name="topframe" src="top.jsp" scrolling="no">
   <frameset cols="20%,*">
    <frame name="leftframe" src="left.jsp" scrolling="no">
    <frame name="rightframe" src="rigth.jsp" scrolling="yes">
   </frameset>   
</frameset>