您的位置:首页 > Web前端 > HTML

html常用标签

2011-11-24 21:50 295 查看
 
图片:<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息