您的位置:首页 > Web前端

小白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>定义分组标题
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  web前端开发