HTML常用标签小结:
常用:
<h1>~<h6> 标题由大到小
<p></p>段落标签
<hr/>画水平线标签
<sub>下标标签: H<sub>2</sub>o ->H2o <sup>上标标签:2<sup>16</sup> ->
<pre></pre>原样标签
<ol type=a> 有序列表标签
<li></li></ol>
<ul> 无序列表标签
<li></li></ul>
常用的实体字符:
空格: 大于号:> 小于号:< 人民币:¥ 版权:© 商标:®
<head>标签
1)通知浏览器使用指定码表解释html页面
<meta http-equiv=”center-type ”content=”test/html”charset=”utf-8”> (content 内容)
2)设置网页关键字(最好3-4个,多就废了)
<meta name=”keyword” content=”java培训,...........”>
媒体标签:<embed src=””></embed>
<marquee>飘动标签
超链接签:<a>
href:用来指定链接的资源
Target:设置打开资源的目标 _Blank 独立的窗口打开 _self 在当前窗口打开
[*file协议:<文件协议>这种协议主要用于本地机器的资源文件的
格式:file:\f:美女1.jpg]
1)链接资源
<a href=”mailTo:12345@qq.com”></a> 启动邮箱
<a href=”Thunder://doc/一个人的武林.avi”></a> 启动迅雷
2)锚点定位
<a name=”top”></a> 设置锚点
<a href=”#top”>回到顶部</a>
图片标签:<img>
常用属性: 宽度 height:高度 alt:如果图片无法找到,则显示文字说明
热点图*
表格标签:<table>
<tr> --------------------- 行
<th>--------------------- 表头
<td>-------------------------单元格(列)
<caption>表格的标题
常用属性:
border:设置表格边框 width:表格宽度 height:高度 colspan: 占据列数
Rowspan: 占据行数 align=”center”
框架标签:<frameset> <frame>
Frameset可以吧一个页面切割成多份,但只能按照行和列切割。
Frame 不能被切割的frame是位于frameset中的
注意:frameset标签不能用于body标签内。
Iframe :在网页中分隔出一部分显示信息
表单标签:<form>
常用属性:
action:该属性用于指定提交的地址
Method:该属性用于指定提交的方式
注意:表单项的数据腰提交到服务器时,表单项需要有name属性值。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form action="http://www.baidu.com" method="post"> <table align="center" border="2px" width="500px" height="400px"> <tr> <td>用户名:</td> <!-- 文本框输入 单行--> <td> <input type="text" name="name"></td> </tr> <tr> <td>密码:</td> <!-- 密码框--> <td> <input type="password" name="password"></td> </tr> <tr> <td>性别 </td> <!--单选框--> <td>男<input type="radio" name="sex"> 女<input type="radio" name="sex"></td> </tr> <tr> <td>爱好</td> <!--复选框,同一组name属性值要一至--> <td>篮球<input type="checkbox"name="hobit">乒乓球<input type="checkbox"name="hobit">足球<input name="hobit" type="checkbox"></td> </tr> <tr> <td>来自那个城市</td> <!--下拉框--> <td><select> <option value="BJ">北京</option> <option value="SH">上海</option> <option value="GZ">广州</option> <option value="SZ">深圳</option> </select></td> </tr> <tr> <td>大头照</td> <!--文件上传框--> <td> <input name="image" type="file"></td> </tr> <tr> <!-- 文本域--> <td>自我介绍</td> <td> <textarea name="intr" rows="10" cols="30"></textarea></td> </tr> <tr align="center"> <td colspan="2"> <!--提交按钮--> <input type="submit" name="submit" value="提交"> <!--重置按钮--> <input type="reset" name="reset" value="重置"></td> </tr> </table> </form> </body> </html>