小白web前端开发--学习笔记二
2017-06-25 21:47
134 查看
Html标签
本文只是说明html有哪些标签(当然只是介绍一部分),每个标签的用法如果要一一演示,我觉得太繁琐了(其实是我偷懒了 (,,• ₃ •,,))。可以进这个网站查看更多的标签知识。Html标签查看手册1. 带有语义的标签
em,强调 strong ,比em强调级别更高 abbr,定义缩写,与title属性相互搭配使用 address,定义地址元素 blockquote,定义块引用,通常情况下会产生缩进 cite,通常情况下,某段话引子某本书,可以使用cite进行说明 ins,定义被插入文本 del,定义被删除文本
2. 带有一定样式的标签(此类标签也同时带有语义)
b,定义粗体文本 i,定义斜体文本 big,定义大号文本 small ,定义小号字体文本 sup,上标文本 sub,下标文本 bdo,定义文本显示方向,属性:dir,值,ltr,rtl
3. 输出类标签
pre,代码中样式原样输出 code,定义计算机代码文本 kbd,定义键盘文本 var,定义变量
4. 功能类标签
a标签--定义超链接实现页面跳转,定义锚点实现书签功能。 列表 无序列表--ul,li 有序列表--ol, li 页面嵌套--iframe 项目列表描述--dl,dt,dd 图片--img 常用属性 alt,图像替代文本 width,height ismap,定义图像映射的一张图像,通过img 实现图像映射 map 标签,定义图像映射 <area> 定义图像映射内部的区域链接跳转的图像将图片嵌套在a标签中 表格--table标签 表格标题 <caption>标签 表格页眉 <th>标签 表格的行 <tr>标签 表格的单元格 <td>标签 表格的头部 <thead>标签 表格的主干 <tbody>标签 表格的尾部 <tfoot>标签 页面所有链接的基础链接 <base>标签--base标签位于head标签内部 输入域 <input> type属性 相关属性值 button file hidden text password radio checkbox image reset submit alt属性,定义当按钮为图片时,图片的替代文本 src属性,定义当按钮为图片时,图片的链接地址 checked属性,定义默认选项 disabled属性,禁用当前输入域 readonly属性,对当前输入域只读 maxlength属性,定义输入域字符的最大长度 name属性,定义当前的输入域的名字 value属性,定义当前输入域的默认值 文本输入区<textarea> cols属性,规定可见列数 rows属性,规定可见行数 disabled属性,禁用当前文本输入区 name属性,当前文本区的名字 readonly属性,当前文本区域只读 按钮--<button> disabled属性,禁用此按钮 name属性,按钮名字 type属性,按钮类型 button reset submit value属性,按钮上显示文本内容的默认值 下拉菜单<select> 相关属性 disabled属性,禁用该菜单 multipe属性,规定可同时选中多项 name属性,下拉列表的名字 size属性,菜单中可见项目的数目 <optgroup>标签,定义下拉列表选项分组 label属性,定义选项组的标记,必要属性 disabled 属性,禁用 <option>标签,定义下拉列表中的选项 disabled属性,禁用 label属性,定义当使用 <optgroup> 时所使用的标注 selected属性,规定选项(在首次显示在列表中时)表现为选中状态。 value属性,向服务器输送的值 表单中的标记<label> 表单中相关元素分组 <fieldset> <legend>定义分组标题
相关文章推荐
- 前端开发学习笔记一
- 前端开发学习笔记(一)深入浅出Javascript
- 微信开发学习笔记(一):前端图片缓存问题
- 〖前端开发〗HTML/CSS基础知识学习笔记
- 前端开发学习笔记07---CSS-2
- 【网页前端学习之html】 学习笔记1-入门(开发工具)
- 前端开发基础学习笔记html标签
- Web前端开发修炼之道——学习笔记一
- 前端开发学习笔记04---JavaScript
- 前端开发学习笔记(三)HeadFirst HTML 与 CSS (第二版)
- Web前端开发学习笔记(一)
- 前端开发学习笔记
- 前端开发学习笔记二--HTML5
- 前端开发学习笔记01(大杂烩)
- 前端开发学习笔记02----HTML基础
- Web前端开发学习笔记(二)
- web前端开发vue笔记学习
- 学习笔记之开发相关概念(1)--前端后端前台后台
- #小河学习笔记#前端精品视频教程:微信场景开发实战
- 前端开发学习笔记(二)JavaScript DOM编程技术(一、二)