HTML标签
2016-03-07 15:01
309 查看
标题:<h1></h1>、<h2></h2>......
段落:<p></p>
原样输出:<pre></pre>
段落缩进:<blockquote></blockquote>
上标:<sup></sup>
下标:<sub></sub>
换行:<br/>
线条:<hr/>
无序列表:<ul><li></li></ul>
有序列表:<ol><li></li></ol>
项目列表:<dl><dt></dt><dd></dd></dl>
字体:<font></font>
特殊字符:小于号 < 大于号 > 空格 制表符 注册商标 ® 版权 ©
超链接:<a></a>
作用:1.普通文件(html文件,图片文件)
2.连接到锚点
常用属性:href:指向资源的路径
target:打开方式(_blank:新窗口打开,_self:当前窗口中打开)
打锚点:<a name=""></a>
连接到锚点:<a href="#名称"></a> (名称一致)
当前路径下另一个页面可以在前面加上html文件名
超链接点击不跳转方法:
1. onclick事件添加return false :<a href="#" onclick="fun();return false;"></a>
2. 用void(0)的方式代替#:<a href="javascript:void(0)" onclick="fun()"></a> (也可以写javascript:;)
图像标签:<img/>
常用属性:1. src:图像源的路径(可以是相对路径,也可以是绝对路径)
2. alt:替代文本
3. title:提示文本
4. width、height 设置大小,单位为px
表格标签:
<table>
<thead><caption>标题</caption></thead> ------头部
<tbody> ------主体
<tr><th>开始单元格,加粗居中</th></tr>
<tr><td></td></tr>
</tbody>
<tfoot></tfoot> -----脚部
</table>
(<fieldset> 用于创建边框,<lengend>用于为<fieldset>指定一个标题)
属性:border 边框 align 设置位置 width height 设置宽高
rowspan 行合并 colspan 列合并
(cellspacing="0" 合并框边,cellpadding="3" 格子内高度)
表单标签:
<form> :action、method(post:文件上传必须用post,get:内容不大于1kb)
<input>: text (单行输入框,size、readonly)
password (密码输入框,size、readonly)
radio (单选按钮,checked为选择状态)
file (文件选择框)
submit (提交按钮)
reset (重置按钮)
button (普通按钮)
hidden (隐藏域)
image (定义图像形式的提交按钮)
<select>: size (可以让select显示多个选项)
multiple (可以让用户选择多个选项)
<option> :表示每一个选项,属性:selected 为选择状态
<textarea>:rows
4000
(行数)
cols (列数)
框架标签:(写在head和body之间)
<frameset> 框架集,可以包含多个框架
<frame/> 框架,内包含页面
<iframe> 画中画框架(frameborder 设置边框)
[ rows="10%,*" 按行分配空间占有比
cols="30%,* " 按列分配
src="文件路径" 连接文件html文件 ]
段落:<p></p>
原样输出:<pre></pre>
段落缩进:<blockquote></blockquote>
上标:<sup></sup>
下标:<sub></sub>
换行:<br/>
线条:<hr/>
无序列表:<ul><li></li></ul>
有序列表:<ol><li></li></ol>
项目列表:<dl><dt></dt><dd></dd></dl>
字体:<font></font>
特殊字符:小于号 < 大于号 > 空格 制表符 注册商标 ® 版权 ©
超链接:<a></a>
作用:1.普通文件(html文件,图片文件)
2.连接到锚点
常用属性:href:指向资源的路径
target:打开方式(_blank:新窗口打开,_self:当前窗口中打开)
打锚点:<a name=""></a>
连接到锚点:<a href="#名称"></a> (名称一致)
当前路径下另一个页面可以在前面加上html文件名
超链接点击不跳转方法:
1. onclick事件添加return false :<a href="#" onclick="fun();return false;"></a>
2. 用void(0)的方式代替#:<a href="javascript:void(0)" onclick="fun()"></a> (也可以写javascript:;)
图像标签:<img/>
常用属性:1. src:图像源的路径(可以是相对路径,也可以是绝对路径)
2. alt:替代文本
3. title:提示文本
4. width、height 设置大小,单位为px
表格标签:
<table>
<thead><caption>标题</caption></thead> ------头部
<tbody> ------主体
<tr><th>开始单元格,加粗居中</th></tr>
<tr><td></td></tr>
</tbody>
<tfoot></tfoot> -----脚部
</table>
(<fieldset> 用于创建边框,<lengend>用于为<fieldset>指定一个标题)
属性:border 边框 align 设置位置 width height 设置宽高
rowspan 行合并 colspan 列合并
(cellspacing="0" 合并框边,cellpadding="3" 格子内高度)
表单标签:
<form> :action、method(post:文件上传必须用post,get:内容不大于1kb)
<input>: text (单行输入框,size、readonly)
password (密码输入框,size、readonly)
radio (单选按钮,checked为选择状态)
file (文件选择框)
submit (提交按钮)
reset (重置按钮)
button (普通按钮)
hidden (隐藏域)
image (定义图像形式的提交按钮)
<select>: size (可以让select显示多个选项)
multiple (可以让用户选择多个选项)
<option> :表示每一个选项,属性:selected 为选择状态
<textarea>:rows
4000
(行数)
cols (列数)
框架标签:(写在head和body之间)
<frameset> 框架集,可以包含多个框架
<frame/> 框架,内包含页面
<iframe> 画中画框架(frameborder 设置边框)
[ rows="10%,*" 按行分配空间占有比
cols="30%,* " 按列分配
src="文件路径" 连接文件html文件 ]
相关文章推荐
- 在Windows 8.1的IE 11中屏蔽双击放大功能
- Apple官网研究之使用Justify布局导航
- 通过Mootools 1.2来操纵HTML DOM元素
- 表格标签table深入了解
- WEB标准网页布局中尽量不要使用的HTML标签
- Flash 与 html 的一些实用技巧
- 如何使用jquery easyui创建标签组件
- html工作中表格<tbody>标签的使用技巧
- HTML 向 XHTML1.0 兼容性指导
- C#自写的一个HTML解析类(类似XElement语法)
- 没有文件大小限制并免费的PDF到HTML转换工具
- JavaScript与HTML结合的基本使用方法整理
- css实现气泡框效果(实例加图解)
- html链接与文本标签们
- html活用软字符连接符
- web标准知识――用途相似的标签
- 浅谈html中id和name的区别实例代码
- HTML <!DOCTYPE> 标签