首页 > 代码库 > 整理Html基本标签使用大全
整理Html基本标签使用大全
HTML由<head>和<boby>两大部分
<title> 网页标题
<background>背景图片
<bgcolor>背景颜色
<bgsound src="http://www.mamicode.com/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="http://www.mamicode.com/C://...//示例图片//***.jpg" ;300" height="300" border="2"/>显示图片大小，高度，边框类型
<a href="http://www.mamicode.com/网页文档名.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="http://www.mamicode.com/登陆"/> submit-单选按钮
</from>
---------------------------------------------------------------------
制作网业框架
<html>
<frameset rows="10%,*" frameborder="yes" border="2">
<frame name="TOP" src="http://www.mamicode.com/up.html"/>
<frameset cols="15%,*">
<frame name="LEFT" src="http://www.mamicode.com/left.html">
<frame name="RIGHT" src="http://www.mamicode.com/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="http://www.mamicode.com/1" checked="true"/>男
<input type="radio" name="sex" value="http://www.mamicode.com/0" />女
复选
<input type="checkbox" name="hao" value="http://www.mamicode.com/篮球" />篮球
<input type="checkbox" name="hao" value="http://www.mamicode.com/足球" />足球
下拉框
<select name="c">
<option value="">请选择</option>
<option value="http://www.mamicode.com/hangzhou">杭州</option>
<option value="http://www.mamicode.com/changsha">长沙</option>
</select>
按钮
<input type="submit" name="submit" value="http://www.mamicode.com/提交" />
<input type="button" name="submit" value="http://www.mamicode.com/确定" />
<input type="reset" name="submit" value="http://www.mamicode.com/重置" />
浏览
<input type="file" name="s" value="" />
文字文本框
<textarea name="s">输入协议</textarea>
Window.status=””;在页面左下角显示信息
Alert(window.screen.width)获取页面焦点坐标
Document.getElementById(“…”).innerHTML=”…”根据标签属性ID，在标签间隔处替换内容
进行前进，后退页面的操作，1为前进，-1为后退
删除
多种全选方法
多种验证技巧
整理Html基本标签使用大全