Html标签大全:
Html
Hypertext Markup Language
超文本 标记 语言
<a></a>超文本链接
<ahref="URL"></a> 创建超文本链接 ,其中的url为链接目标地址
href:
Hypertext Reference的缩写。意思是超文本引用
<a>
anchor 的缩写 。anchor ['æŋkə] 基本解释 n. 锚, 铁锚 的。
URL
全球资源定位器(UniformResource Locator)
<h1align="center">thisis a heading</h1>
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的
W3C指出h1-h6标签可定义标题。h1定义最大的标题。h6定义最小的标题。h标签是成对出现的,以<h>开始,以</h>结束
align="center" 中间对齐
align:排列、对齐、对准
<p>thisis a Paragraph</P>
Paragraph----段落的意思
<imgsrc="w3school.jpg" width="104" height="142" />
img:image的缩写,图像,
src,source,资源
<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。有换行的作用
Barter rabbet的缩写 barter:交易,rabbet 槽 break
<bodybgcolor=”yellow”>
</body>
Bgcolor中的bg是background的缩写bgcolor意为:背景颜色
<tableborder="1">
</table>
table:表格,
<td>是定义一个表格 table data cell <tr>是定义表格中的一行 table row <th>是定义单元格中的一个单元格 table head
border:['bɔ:də] 边缘、边沿、边界 表格边框的设置
从这里开始是按照字母排序开始的,可以对照文本
HTML属性(按字母排序) http://www.w3school.com.cn/tags/index.asp
<!- -> 定义注释
<! DOCTYPE> 定义文档类型的缩写 文档类型doctype: document type
<abbr> 定义缩写 abbr : abbreviation,[ə,bri:vi'eiʃən] 缩写,省略;
<acronym> 定义只取首字母的缩写 acronym:['ækrənim],首母缩略字
<address> 定义文档作者或拥有者的联系信息 address:地址
根据例题解释标签
<html>
<body>
<p>请点击图像上的星球,把它们放大。</p>
<img
src="/i/eg_planets.jpg"
border="0"usemap="#planetmap"
alt="Planets"/>
<mapname="planetmap" id="planetmap">
<area
shape="circle"
coords="180,139,14"
href="/example/html/venus.html"
target="_blank"
alt="Venus"/>
<area
shape="circle"
coords="129,161,10"
href="/example/html/mercur.html"
target="_blank"
alt="Mercury"/>
<area
shape="rect"
coords="0,0,110,260"
href="/example/html/sun.html"
target="_blank"
alt="Sun"/>
</map>
<p><b>注释:</b>img元素中的"usemap" 属性引用 map 元素中的 "id" 或 "name" 属性(根据浏览器),所以我们同时向 map 元素添加了"id" 和"name" 属性。</p>
</body>
</html>
Map 地图、映射,此处为映射的意思。图像映射(image-map)指带有可点击区域的一幅图像
Area 区域。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域
Usemap不做翻译,usemap属性与 map 元素的 name 属性相关联,它建立了图像与映射之间的关系
Alt alternate text(替换文字;备用文本;替代文字),图片描述最好是用简短的语句,描述这张图片的内容,如果是链接,则描述链接的作用,并带上关键词。
Coords 坐标
Target 目标。target这个属性指定所链接的页面在浏览器窗口中的打开方式 _bank
Shape 形状。如:
Rec,rectangle ['rek,tæŋɡl] 矩形
Circ,circle 圆形
Poly polygon ['pɔliɡən, -ɡɔn],多边形
实例:
<html>
<body>
<b>Thistext is bold</b>
<br/>
<strong>Thistext is strong</strong>
<br/>
<big>Thistext is big</big>
<br/>
<em>Thistext is emphasized</em>
<br/>
<i>Thistext is italic</i>
<br/>
<small>Thistext is small</small>
<br/>
Thistext contains
<sub>subscript</sub>
<br/>
Thistext contains
<sup>superscript</sup>
</body>
</html>
显示效果为:
This text is bold <b> bold 黑体的
This text is strong <Strong> 用于强调文本(粗体显示),比<em>标签更猛点
This text is big
This text is emphasized <em> emphasized的缩写,['emfəsaizid],强调、着重
This text is italic <i> italic的缩写 i'tælik 斜体字
This text is small <small> 小字体文本
This text containssubscript <sub> subscript的缩写 下标,脚注
This text containssuperscript <sup> superscript的缩写,上标
1)<font> 定义HTML里,指定文本的字体、颜色及尺寸;看似功能很强大,但目前在HTML4及XHTML中通常已经不被推荐。最好用CSS样式来定义更具体的内容。
2)<b>粗体显示文字;<big>用大字体显示文字;<small>用小字体显示文字;<sup>显示文字为上标;<sub>显示文字为下标;——这是比较基础的HTML标签,所以在这里才一一列出,但在现阶段的web前端编码中,这些已经慢慢落后,被CSS取而代之!所以在实际运用的时候夜风并不推荐它们!
3)<em>与<i>都是用斜体来显示文字,就看个人使用习惯了,本人多用<em>.
4)<strong>用更明显的粗大字体来显示文字。这是在HTML文字定义标签里,能针对搜索引擎优化的一个标签,个人非常推荐使用!
<base>标签为页面上的所有链接规定默认地址或默认目标 base:基础
<button>按钮
disabled | 规定禁用此按钮。 | STF | |
name | 规定按钮的名称。 | STF | |
· button · reset · submit | 规定按钮的类型。 | STF | |
text | 规定按钮的初始值。 | STF |
Disabled 禁止
Reset 重置,清零
Submit 提交
<caption>元素定义表格标题 caption n. 标题;字幕;说明
<center>对其所包括的文本进行水平居中
以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。
我们并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议您使用样式表,那么做会达到更加丰富的效果。
把文本定义为强调的内容。 | |
把文本定义为语气更强的强调的内容。 | |
定义一个定义项目。 | |
定义计算机代码文本。 | |
定义样本文本。 | |
定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 | |
定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。 | |
定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。 |
<cite>定义引用。可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题 cite:引用
<basefont> 标签定义基准字体。该标签可以为文档中的所有文本定义默认字体颜色、字体大小和字体系列
<bdo> bdo 元素可覆盖默认的文本方向。
dir | · ltr · rtl | 定义文字的方向 | STF |
dir ,direction,方向
ltr,left to right 从左向右
rtl,right to left 从右向左
<dfn> dfn是defining instance的缩写 defining, [di'fainiŋ], 规定(define的ing形式);给…下定义 instance, 'instəns,实例
<samp> sample的缩写,样本、例子
<kbd> keyboard的缩写,用键盘输入Keyboard vt. 用键盘输入Keyboard vt. 用键盘输入Keyboard vt. 用键盘输入
<var> var是variable的缩写,['vεəriəbl]变量
<code>定义计算机代码文本 code: 代码,密码;编码;法典
<col>标签为表格中一个或多个列定义属性值 collocate ['kɔləukeit] 布置;排列;使成搭配
dd ——define list define —— 用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解释。
<del> del, 删除文件
<dir> 标签定义目录列表,directory的缩写,项目
<div> division的缩写,分区
dl——define list——定义列表
dt ——define list title —— 用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。注意:其中不能包含 hx 元素。
<fieldset> 自定义字段;控件组
<font> 规定文本的字体、字体尺寸、字体颜色。Font, 字体;字形
<form> form,形状、方式、表格的意思。
<frameset> frameset,框架集;框架型
<frame> frame:框架
<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<h1> - <h6> heading, 标题
<hr> 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontalrule) horizontal ['hɔri'zɔntəl]
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。Iframe:内嵌框架;内联框架
<imgsrc="w3school.jpg" width="104" height="142" /> img:image的缩写,图像
<input> 输入框。Input:输入
<ins> 标签定义已经被插入文档中的文本。ins - 插入的文本
<label>标签为 input元素定义标注(标记)。
<input type="radio" name="sex" id="female" />
radio:单选 单选按钮
legend 元素为 fieldset 元素定义标题(caption)。Legend:传奇;说明;图例;刻印文字
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<ol>,ordered list,有序列表
<li>,listitem,列表项目
<ul>,unordered list,无序列表
<link> 标签定义文档与外部资源的关系
<link> 标签最常见的用途是链接样式表。 Link,连接
link:Hyperlink, ['haipəliŋk],超链接
<menu> menu,菜单
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部,不包含任何内容。<meta>标签的属性定义了与文档相关联的名称/值对。
meta,元标签
<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">
· content-type · expires · refresh · set-cookie | 把 content 属性关联到 HTTP 头部。 | STF | |
· author · description · keywords · generator · revised · others | 把 content 属性关联到一个名称。 | STF | |
some_text | 定义用于翻译 content 属性值的格式。 | STF |
<noframes>,noframes元素可为那些不支持框架的浏览器显示文本。noframes元素位于frameset 元素内部。
<noscript>,noscript元素用来定义在脚本未被执行时的替代内容(文本)。如果浏览器支持脚本,那么它不会显示出noscript 元素中的文本
<object> object:对象
通过<optgroup> 标签把相关的选项组合在一起:
<select>
<optgroup label="SwedishCars">
<optionvalue ="volvo">Volvo</option>
<optionvalue ="saab">Saab</option>
</optgroup>
<optgroup label="GermanCars">
<optionvalue ="mercedes">Mercedes</option>
<optionvalue ="audi">Audi</option>
</optgroup>
</select>
<optgroup>,optiongroup的缩写,option:选项,group,组,群
<select>,select选择
<p>,paragraph,段落
<param>,param,参数
param 元素允许您为插入 XHTML文档的对象规定run-time 设置,也就是说,此标签可为包含它的 <object> 或者 <applet> 标签提供参数。
<pre>,previous,先前的
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
<q> 标签定义短的引用。q,quote的缩写,引用
<s> 标签可定义加删除线文本定义。
<s> 标签是 <strike> 标签的缩写版本,Netscape和Internet Explorer 都支持它。但在 HTML 4 和 XHTML 中已经不再赞成使用它了,意思就是不再使用了;它早晚有一天将会消失。
strike - 中划线
<samp> sample的缩写,样本、例子
<script> 标签用于定义客户端脚本,比如JavaScript。
script 元素既可以包含脚本语句,也可以通过 src 属性指向外部脚本文件。
必需的 type 属性规定脚本的 MIME 类型。
JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。
script: 脚本;手迹;书写用的字母
<select>,select选择,select 元素可创建单选或多选菜单。
<small> 小字体文本
<span> 标签被用来组合文档中的行内元素。Span, 跨度,跨距;范围, span- 常用内联容器,定义文本内区块
<strike> 标签可定义加删除线文本定义。strike- 中划线
<strong> 用于强调文本(粗体显示),比<em>标签更猛点
<style> 标签用于为 HTML 文档定义样式信息。
在 style中,您可以规定在浏览器中如何呈现 HTML 文档。
type 属性是必需的,定义 style元素的内容。唯一可能的值是"text/css"。
style 元素位于 head 部分中。
style. 风格;时尚;类型;字体
<sub> This text containssubscript <sub> subscript的缩写 下标,脚注
<sup> This textcontainssuperscript <sup> superscript的缩写,上标
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>$180</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
<table> table:表
<thead> table head :<thead>内部必须拥有<tr> 标签 <thead>定义表格的表头。该标签用于组合 HTML 表格的表头内容。
<tfood> table foot
<tr> tr,table row 表行
<th> th,table head 表头
<td> td是table data cell的缩写, 代表HTML表格中的一个单元格
HTML 表单中有两种类型的单元格:
表头单元格 - 包含表头信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。
<title> 元素可定义文档的标题。
<textarea>,<textarea>标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是Courier)。
可以通过 cols(column 列,在此时规定文本区的宽度) 和 rows(行,在此是规定文本区的可见行数) 属性来规定textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。
注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。
<u> 标签可定义下划线文本。u,underlined,下划线
<tt>,teletype, 呈现类似打字机或者等宽的文本效果。
<var> var是variable的缩写,['vεəriəbl]变量. 定义变量。您可以将此标签与<pre> 及<code> 标签配合使用。