当前位置:编程学习 > html/css >>

整理Html基本标签使用大全

HTML由<head>和<boby>两大部分
<title> 网页标题
<background>背景图片
<bgcolor>背景颜色
<bgsound src="e:\\sound\\***.mp3">背景音乐
<font size=20 color="yellow">字体大小和颜色
<center>字体居中 <br/>换行
<marquee direction="rigth" behavior="alternate">滚动起始位置,滚动方式(alternate-来回滚动)
<hr/>标题线
<p></p>给文体分段
<h1><h2>...字体大小
<font color="#FFFF00" size="+4">颜色,大小</font>
<ul></ul>给文章呈列表方式排列
<img src="C:\\...\\示例图片\\***.jpg" ;300" height="300" border="2"/>显示图片大小,高度,边框类型
<a href="网页文档名.html"></a>超连接
---------------------------------------------------------------------
<table border="2">
<tr>
<td colspan="2">姓名</td>
<td>性别</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
</tr>
</table> 制作表格(border-表格边框)colspan(合并单元格 列)
---------------------------------------------------------------------
制作网页登陆注册
<from method="post" action="">
用户名:<input type="text" name="userName" size="20"/> text-文本
密 码:<input type="password" name="pass" size="20"/> password-显星号文本
<input type="submit" value="登陆"/> submit-单选按钮
</from>
---------------------------------------------------------------------
制作网业框架
<html>
<frameset rows="10%,*" frameborder="yes" border="2">
<frame name="TOP" src="up.html"/>
<frameset cols="15%,*">
<frame name="LEFT" src="left.html">
<frame name="RIGHT" src="abc.html">
</frameset>
</frameset>
</html>
---------------------------------------------------------------------
<body><form name="my" action="提交给哪个页面处理" method="post"(提交方式,get-地址栏显示,post-不显示在地址栏,较安全)>..........</from>回发</body>
<input type="text" name="txtid" />输入框
<input type="password" name="txtpwd" />密码框
单选
<input type="radio" name="sex" value="1" checked="true"/>男
<input type="radio" name="sex" value="0" />女
复选
<input type="checkbox" name="hao" value="篮球" />篮球
<input type="checkbox" name="hao" value="足球" />足球
下拉框
<select name="c">
<option value="">请选择</option>
<option value="hangzhou">杭州</option>
<option value="changsha">长沙</option>
</select>
按钮
<input type="submit" name="submit" value="提交" />
<input type="button" name="submit" value="确定" />
<input type="reset" name="submit" value="重置" />
浏览
<input type="file" name="s" value="" />
文字文本框
<textarea name="s">输入协议</textarea>

clip_image002

Window.status=””;在页面左下角显示信息
Alert(window.screen.width)获取页面焦点坐标
Document.getElementById(“…”).innerHTML=”…”根据标签属性ID,在标签间隔处替换内容

clip_image004

进行前进,后退页面的操作,1为前进,-1为后退

clip_image006

删除

clip_image008

clip_image010
多种全选方法

 clip_image012

clip_image016

clip_image020

 

多种验证技巧

 clip_image022

clip_image024

clip_image026

本文出自 “青春行囊” 博客

补充:web前端 , HTML/CSS  ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,