一、常用的标签 h1~h6 表示是一个标题 p 段落标签 hr/ 水平线标签 br/ 换行标签 sub 下标 sup 上标 pre 原样标签: 原样标签会保留空格和换行符。 ol li 有序的列表标签、 ul li 无序的列表标签。 项目列表标签(dl dt dd) 行内标签(span) 块标签div div标签 一、常用的标签 <h1>~<h6> 表示是一个标题 <p> 段落标签 <hr/> 水平线标签 <br/> 换行标签 <sub> 下标 <sup> 上标 <pre> 原样标签: 原样标签会保留空格和换行符。 <ol> <li> 有序的列表标签、 <ul> <li> 无序的列表标签。 项目列表标签(dl dt dd) 行内标签(span) 块标签<div> div标签的内容会独立占一行。 二、实体标签 空格   小于号 < 大于号 >

人民币 &yen; 版权 © 商标 ® 三、媒体标签 <embed></embed> hidden : 设置隐藏插件是否隐藏。 src :用于指定音乐的路径 <embed src="1.mp3" ></embed> <marquee> 飘动标签direction : 指定飘动的方向 scrollamount : 指定飘动的速度。 loop :指定飘动的次数 四、超链接标签 <a> 超链接标签 a标签常用的属性: href : 用于指定链接的资源 target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源 file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。 格式: file:///f:/美女/1.jpg 邮件 的协议: mailTo迅雷的协议: thunder 超链接标签的作用:

  1. 可以用于链接资源。
  2. 锚点点位.
  3. 首先编写一个锚点 锚点的格式: <a name="锚点名字"> 数据</a>
  4. 使用a标签 的herf属性连接到锚点出。 href=”#锚点的名字“ 五、图片标签 img标签常用的属性: width: 设置图片宽度 height 设置图片高度 alt: 如果图片资源无法找到,那么就显示对应的文字对图片进行说明。 六、表格标签 表格使用到的标签: <table> 表格 <tr> 行 <td> 单元格 <th> 表头 默认的样式是居中,加粗。 <caption> 表格的标题 表格常用的属性: border 设置表格的边框 width : 设置表格的宽度 height: 设置表格的高度的。 colspan: 设置单元格占据指定的列数。 rowspan : 设置单元格占据指定的行数。 <thead> 标签用于组合 HTML 表格的表头内容。 <thead> 元素应该与<tbody>和<tfoot>元素结合起来使用,用来规定表格的各个部分(表头、主体、页脚)。 通过使用这些元素,使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。 <thead> 标签必须被用在以下情境中:作为 <table> 元素的子元素,出现在 <caption>、<colgroup> 元素之后,<tbody>、 <tfoot> 和 <tr> 元素之前。 七、表单标签 <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <!-- 表单标签: 表单标签的作用是用于提交数据给服务器的表单标签的根标签是<form>标签常用的属性action: 该属性是用于指定提交数据的地址。method: 指定表单的提交方式。get : 默认使用的提交方式。 提交的数据会显示在地址栏上。post : 提交的数据不会显示在地址栏上。注意: 表单项的数据如果需要提交到服务器上面,那么表单项必须要有name的属性值 -->

</head> <body> <form action="http://www.baidu.com" method="post"> <!-- 文本输入框 单 行- -> 用户名:<input name="userName" type="text"/><br/> <!-- 密码框 --> 密码:<input name="password" type="password"/><br/> <!-- 单选框 --> 性别: 男<input checked="true" value="man" name="sex" type="radio"/> 女<input name="sex" value="woman" type="radio"/><br/> < !-- 下拉框 --> 来自的城市:<select name="city"> <option value="BJ">北京</option> <option value="SH">上海</option> <option value="GZ">广州</option> <option value="SZ">深圳</option> </select><br/> <!-- 复选框 同一组的复选框name的属性值要一致 --> 兴趣爱好:java <input value="java" name="hobit" checked="checked" type ="checkbox" /> javascript <input type="checkbox" value="javascript" name="hobit" /> android <input value="android" name="hobit" type="checkbox" /><br/> <!-- 文件上传框--> 大头照:<input name="image" type="file" /><br/> 个人简介: <!-- 文本域 --> <textarea name="intro" rows="10" cols="30"></textarea><br/> <!-- 提交按钮 --> <input type="submit" value="注册"/> <!-- 重置按钮 --> <input type="reset" value="重置"/> </form> </body> </html> 本文转自:h5×××源码www.yasewl.com