HTML常用基础标签

HTML常用基础标签

带有语义的标签

<em> </em> 强调

<strong> </strong> 比em强调级别高

<abbr> </abbr> 定义缩写，与title属性相互搭配使用

<address> </address> 定义地址元素

<blockqute> </blockqute> 定义块引用，通常情况下会产生缩进

<cite> </cite>通常情况下，某段话引用自某本书，可以使用cite进行说明

<ins> </ins> 定义被插入文本

<del> </del> 定义被删除文本

带有一定样式的标签

<b> </b> 定义斜体文本

<i> </i> 定义斜体文本

<big> </big> 定义大号字体文本

<small> </small> 定义小号字体文本

<sub> </sub> 下标文本

<sup> </sup> 上标文本

<bdo> </bdo> 定义文本显示方向，属性：dir,值：ltr，rtl

输出类标签

<pre> </pre> 代码中样式原样输出

<code> </code> 定义计算机代码文本

<kbd> </kbd> 定义键盘文本

<var> </var> 定义变量

功能类标签

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标签:表格的尾部

注：td有两个常用属性rowspan和colspan用于合并单元格

页面所有链接的基础链接（base标签）

base标签位于head标签内部

form标签

• 作用：登录、注册或者上...

• form标签中常用属性

action属性：设置将表单中的数据提交给谁，如果属性值为空，则点击提交后数据提交到当前网页中

method属性：设置提交给后台的方法get/post,当method属性值为get时，数据被通过url（统一资源定位符）传递到后台中；当method属性值为post时，传输数据通过服务器来传输；当method属性值为空时，默认属性值为get。

• 输入域 input

格式：

<input type="text" name="user">

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定义分组标题