HTML标签大全
- 格式:docx
- 大小:25.32 KB
- 文档页数:10
HTML(HyperText Markup Language) 主要有以下标签:全局架构标签: <htm l>、<hea d>、<ti tle>、<body>。
格式标签:<p>、<br>、<nobr>、<bl ockquot e>、<c enter>、<mar quee>、<dl>、<dt>、<dd>、<ol>、<ul>、<li>、<pr e>。
文本标签:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<b>、<i>、<u>、<sub>、<sup>、<tt>、<c ite>、<em>、<str ong>、<f ont>。
超链接标签:<a>。
图像标签:<i mg>、<hr>。
表格标签:<table>、<t r>、<t d>、<t h>、<ca pti on>.框架标签:<fra me set>、<fra me>、<nofra me s>、<ifra me>.表单标签:<f orm>、<i nput>、<sel ect>、<te xtarea>、<la bel>.头元素标签: <ba se>、<l ink>、<meta>.区域标签:<di v>、<spa n>、<p>.网页中所有内容都放在<htm l>和</ht ml>之间。
html标签大全HTML标签大全。
HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。
在HTML中,标签是用来定义网页结构和内容的。
本文将介绍一些常用的HTML 标签,以及它们的用法和示例。
1. 文本标签。
`<h1>`~`<h6>`,定义标题,数字表示标题的级别,从大到小依次递减。
`<p>`,定义段落。
`<strong>`,定义加粗文本。
`<em>`,定义斜体文本。
`<u>`,定义下划线文本。
`<br>`,定义换行。
2. 链接标签。
`<a>`,定义超链接,href属性指定链接的地址。
`<img>`,定义图像,src属性指定图片的地址。
3. 列表标签。
`<ul>`,定义无序列表。
`<ol>`,定义有序列表。
`<li>`,定义列表项。
4. 表格标签。
`<table>`,定义表格。
`<tr>`,定义表格行。
`<td>`,定义表格数据单元格。
5. 表单标签。
`<form>`,定义表单,action属性指定表单提交的地址。
`<input>`,定义输入框,type属性指定输入框的类型(文本框、密码框、复选框等)。
`<select>`,定义下拉框。
`<textarea>`,定义多行文本输入框。
`<button>`,定义按钮。
6. 多媒体标签。
`<audio>`,定义音频播放器。
`<video>`,定义视频播放器。
`<iframe>`,定义内联框架,用于嵌入其他网页。
7. 其他标签。
`<div>`,定义文档中的块级元素。
`<span>`,定义文档中的行内元素。
`<meta>`,定义网页的元数据,如字符集、关键词等。
简述html的常用标签及其作用HTML(Hypertext Markup Language)是用于创建网页的标准标记语言,它使用标签来定义网页的结构和内容。
以下是HTML中一些常用的标签及其作用:1. `<html>`:定义HTML文档的根元素。
2. `<head>`:定义文档的头部内容,包括页面的标题、字符编码等。
3. `<title>`:定义文档的标题,显示在浏览器的标题栏或标签上。
4. `<body>`:定义文档的主体部分。
5. `<h1>` - `<h6>`:定义标题,根据重要性和级别递减。
6. `<p>`:定义段落。
7. `<a>`:定义超链接,用于链接到其他页面或文档。
8. `<img>`:定义图像,用于在网页中显示图片。
9. `<ul>`:定义无序列表。
10. `<ol>`:定义有序列表。
11. `<li>`:定义列表项。
12. `<div>`:定义文档中的分割或部分。
用于组织网页布局。
13. `<span>`:定义文本的行内元素容器,用于设置特定部分的样式。
14. `<table>`:定义表格。
15. `<tr>`:定义表格的行。
16. `<td>`:定义表格的单元格。
17. `<form>`:定义表单,用于收集用户输入的数据。
18. `<input>`:定义表单中的输入字段。
19. `<textarea>`:定义表单中的多行文本输入字段。
20. `<button>`:定义按钮。
21. `<select>`:定义下拉列表。
22. `<option>`:定义下拉列表中的选项。
23. `<label>`:定义表单元素的标签。
一、HTML标记标签:!DOCTYPE说明:指定了 HTML 文档遵循的文档类型定义(DTD)。
标签:a说明:标明超链接的起始或目的位置。
标签:acronym说明:标明缩写词.标签:address说明:特定信息,如地址、签名、作者、此文档的原创者。
标签:applet说明:在页面上放置可执行内容。
标签:area说明:定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。
标签:attribute说明:以对象的形式代表了 HTML 元素的标签属性或属性。
标签:b说明:指定文本应以粗体渲染.标签:base说明:指定一个显式 URL 用于解析对于外部源的链接和引用,如图像和样式表。
标签:basefont说明:设置渲染文本时作为默认字体的基础字体值。
标签:bdo说明:允许作者为选定文本片断禁用双向法则。
标签:bgsound说明:允许页面带有背景声音或创建音轨。
标签:big标签:blockquote说明:设置文本中的一段引语。
标签:body说明:指定文档主体的开始和结束.标签:br说明:插入一个换行符。
标签:button说明:指定其中所含的 HTML 要被渲染为一个按钮.标签:caption说明:指定表格的简要描述。
标签:center说明:将后面的文本和图像居中显示。
标签:cite说明:用斜体显示标明引言。
标签:clientinformation说明:包含关于 Web 浏览器的信息。
标签:clipboarddata说明:提供了对于预定义的剪贴板格式的访问,以便在编辑操作中使用.标签:code说明:指定代码范例。
标签:col说明:指定基于列的表格默认属性。
标签:colgroup说明:指定表格中一列或一组列的默认属性.标签:comment说明:标明不可见的注释.标签:custom说明:代表了一个用户自定义元素。
标签:datatransfer说明:提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。
<html></html> 创建一个HTML文档<head></head> 设置文档标题和其它在网页中不显示的信息<title></title> 设置文档的标题<h1></h1> 最大的标题<pre></pre> 预先格式化文本<u></u> 下划线<b></b> 黑体字<i></i> 斜体字<tt></tt> 打字机风格的字体<cite></cite> 引用,通常是斜体<em></em> 强调文本(通常是斜体加黑体)<strong></strong> 加重文本(通常是斜体加黑体)<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<CODE></CODE> 程式码<KBD></KBD> 键盘字<SAMP></SAMP> 范例<VAR></VAR> 变量<BLOCKQUOTE></BLOCKQUOTE> 向右缩排<DFN></DFN> 述语定义<ADDRESS></ADDRESS> 地址标记<sup></SUP> 上标字<SUB></SUB> 下标字<xmp>...</xmp>固定寬度字体(在文件中空白、換行、定位功能有效)<plaintext>...</plaintext>固定寬度字體(不執行標記符號)<listing>...</listing> 固定寬度小字體<font color=00ff00>...</font>字體顏色<font size=1>...</font>最小字體<font style ='font-size:100 px'>...</font>無限增大◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆<p></p> 创建一个段落<p align=""> 将段落按左、中、右对齐<br>换行插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 定义列表<dt> 放在每个定义术语词前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点<div align=""></div> 用来排版大块HTML段落,也用于格式化表<MENU> 选项清单<DIR> 目录清单<nobr></nobr> 强行不换行<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)<center></center> 水平居中◆◆◆◆◆◆◆◆◆《〈链接标志表格标志〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆<a href="URL"></a> 创建超文本链接<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接<BASE> 文档中不能被该站点辨识的其它所有链接源的URL<LINK> 定义一个链接和源之间的相互关系◆◆◆◆◆◆◆◆链接标记注解:◆◆◆◆◆◆◆◆◆◆◆◆◆target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top◆rel="..."发送链接的类型◆rev="..."保存链接的类型◆accesskey="..."指定该元素的热键◆shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,poly ◆coord="..."使用像素或者长度百分比来定义形状的尺寸◆tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)◆◆◆◆◆◆◆◆表格标记注解:◆◆◆◆◆◆◆◆◆◆◆◆<table></table> 创建一个表格<tr></tr> 表格中的每一行<td></td> 表格中一行中的每一个格子<th></th> 设置表格头:通常是黑体居中文字<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。
<NOBR> 取消换行和<br>相反总类(所有HTML文件都有的)--------------------------------------------------------------------------------文件类型<HTML></HTML>(放在档案的开头与结尾)文件主题<TITLE></TITLE>(必须放在「文头」区块内)文头<HEAD></HEAD>(描述性资料,像是「主题」)文体<BODY></BODY>(文件本体)结构性定义(由浏览器控制的显示风格)--------------------------------------------------------------------------------标题<H?></H?>(?表示从1到6,有六层选择)数值越高字越小标题对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>左对齐、居中对齐、右对齐区分<DIV></DIV>区分对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>左对齐、右对齐、居中对齐、两端对齐引文区块<BLOCKQUOTE></BLOCKQUOTE>(通常会内缩)斜体<EM></EM>加粗<STRONG></STRONG>引文<CITE></CITE>(通常会以斜体显示)码<CODE></CODE>(显示原始码之用)样本<SAMP></SAMP>表示一段用户应该对其没有什么其他解释的文本。
HTML语言基本标签:创建一个HTM L文档 <html></html>设置文档标题以及其他不在W E B网页上显示的信息 <head></head>设置文档的可见部分 <body></body>标题标签将文档的题目放在标题栏中<title></title>文档整体属性设置背景颜色,使用名字或十六进制值 <body bgcolor=?>设置文本文字颜色,使用名字或十六进制值 <body text=?>设置链接颜色,使用名字或十六进制值 <body link=?>设置已使用的链接的颜色,使用名字或十六进制值 <body vlink=?>设置正在被击中的链接的颜色,使用名字或十六进制值 <body alink=?> 文本标签创建预格式化文本 <pre></pre>创建最大的标题<h1></h1>创建最小的标题<h6></h6>创建黑体字 <b></b>创建斜体字 <i></i>创建打字机风格的字体 <tt></tt>创建一个引用,通常是斜体 <cite></cite>加重一个单词(通常是斜体加黑体) <em></em>加重一个单词(通常是斜体加黑体) <strong></strong>设置字体大小,从1到7 <font size=?></font>设置字体的颜色,使用名字或十六进制值 <font color=?></font>链接创建一个超链接<a href="URL"></a>创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a> 创建一个位于文档内部的靶位<a name="NAME"></a>创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>格式排版创建一个新的段落 <p>将段落按左、中、右对齐 <p align=?>插入一个回车换行符 <br>从两边缩进文本<blockqu ote></blockqu ote>创建一个定义列表 <dl></dl>放在每个定义术语词之前 <dt>放在每个定义之前 <dd>创建一个标有数字的列表 <ol></ol>放在每个数字列表项之前,并加上一个数字<li>创建一个标有圆点的列表 <ul></ul>放在每个圆点列表项之前,并加上一个圆点<li>一个用来排版大块HTML段落的标签,也用于格式化表<div align=?>图形元素添加一个图像<img src="name">排列对齐一个图像:左中右或上中下<img src="name" align=?>设置围绕一个图像的边框的大小 <img src="name" border=?>加入一条水平线<hr>设置水平线的大小(高度) <hr size=?>设置水平线的宽度(百分比或绝对像素点) <hr width=?>创建一个没有阴影的水平线<hr noshade>表格创建一个表格<table></table>开始表格中的每一行 <tr></tr>开始一行中的每一个格子 <td></td>设置表格头:一个通常使用黑体居中文字的格子 <th></th>表格属性设置围绕表格的边框的宽度<table border=#>设置表格格子之间空间的大小<table cellspa cing=#>设置表格格子边框与其内部内容之间空间的大小 <table cellpad ding=#>设置表格的宽度-用绝对像素值或文档总宽度的百分比 <table width=# or %> 设置表格格子的水平对齐(左中右) <tr align=?> or <td align=?>设置表格格子的垂直对齐(上中下) <tr valign=?> or <td valign=?>设置一个表格格子应跨占的列数(缺省为1) <td colspan=#>设置一个表格格子应跨占的行数(缺省为1) <td rowspan=#>禁止表格格子内的内容自动断行回卷 <td nowrap>窗框放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中<frameset></framese t>定义一个窗框内的行数,可以使用绝对像素值或高度的百分比 <framese trows="value,value">定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比 <framese tcols="value,value">定义一个窗框内的单一窗或窗区域 <frame>定义在不支持窗框的浏览器中显示什么提示<noframe s></noframe s>窗框属性规定窗框内显示什么HTML文档 <frame src="URL">命名窗框或区域以便别的窗框可以指向它<frame name="name">定义窗框左右边缘的空白大小,必须大于等于1<frame marginw idth=#>定义窗框上下边缘的空白大小,必须大于等于1<frame marginh eight=#>设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"a uto" <frame scrolli ng=VALUE>禁止用户调整一个窗框的大小<frame noresiz e>表单对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`:定义标题1到标题6,按级别递减。
- `<p>`:定义段落。
- `<strong>`:定义加粗的文本。
- `<em>`:定义斜体的文本。
- `<span>`:定义内联元素的文本。
2.2 列表标签- `<ul>`:定义无序列表。
- `<ol>`:定义有序列表。
- `<li>`:定义列表项。
2.3 图像标签- `<img>`:插入图片。
- `<figure>`和`<figcaption>`:定义图片和其标题。
2.4 表格标签- `<table>`:定义表格。
- `<tr>`:定义表格行。
- `<td>`:定义表格数据单元格。
- `<th>`:定义表格标题单元格。
2.5 表单标签- `<form>`:定义表单。
- `<input>`:定义输入字段。
- `<select>`和`<option>`:定义下拉列表。
- `<textarea>`:定义多行文本输入框。
- `<button>`:定义按钮。
2.6 多媒体标签- `<audio>`:插入音频。
- `<video>`:插入视频。
- `<source>`:定义多媒体资源的URL。
2.7 框架标签- `<iframe>`:嵌入其他网页。
3. 总结。
Html标签大全<a></a> 超文本链接<a href="URL"></a> 创建超文本链接,其中的url为链接目标地址<a href="mailtEMAIL"></a> 创建自动发送电子邮件的链接<a name="name"></a> 创建位于文档内部的书签<a href="#name"></a> 创建指向位于文档内部书签的链接其他链接标记注解:target="..."决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_toprel="..."发送链接的类型rev="..."保存链接的类型accesskey="..."指定该元素的热键shape="..."允许我们使用已定义的形状定义客户端的图形镜像(default,rect,circle,polycoord="..."使用像素或者长度百分比来定义形状的尺寸tabindex="..."使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点)-----------------------------------------------------------------------------------------<ADDRESS></ADDRESS> 地址标记<b></b> 粗体字<BASEFONT></BASEFONT> 基准字体标记<big></big> 字体加大<BLOCKQUOTE></BLOCKQUOTE> 向右缩排-----------------------------------------------------------------------------------------<body></body> 文件本体<body bgcolor=""> 设置背景颜色。
使用名字或RGB的十六进制值<body background=""> 设置背景图片中国站长第一门户<body bgsound=""> 设置背景音乐<body bgproperties="fixed"> 固定背景图片(IE适用)<body text=""> 设置文本颜色。
使用名字或RGB的十六进制值<body link=""> 设置链接颜色。
使用名字或RGB的十六进制值<body vlink=""> 设置已使用的链接的颜色。
使用名字或RGB的十六进制值<body alink=""> 设置正在被击中的链接的颜色。
使用名字或RGB的十六进制值<body topmargin=""> 设置页面的上边距<body leftmargin=""> 设置页面的左边距-----------------------------------------------------------------------------------------<br>换行插入一个回车换行符<BUTTON></BUTTON> 创建一个按钮disabled="..."把按钮的状态设置为不能name="..."按钮的控制名value="..."按钮的值type="..."按钮的类型(button, submit, reset)-----------------------------------------------------------------------------------------<CAPTION></CAPTION> 表格的标题<center></center> 水平居中<cite></cite> 引用,通常是斜体<CODE></CODE> 程式码<COL> 定义一个列组中的列,以便对它们能够同时设置有关属性<COLGROUP></COLGROUP> 定义多个列为一组列<dd> 放在每个定义之前<DFN></DFN> 述语定义<DIR> 目录清单<dl></dl> 定义列表<dt> 放在每个定义术语词前<em></em> 强调文本(通常是斜体加黑体)<FIELDSET></FIELDSET> 把相互关联的控件组合成一组<font></font> 设置字体<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值-----------------------------------------------------------------------------------------<form></form> 创建表单action="..."接收数据的服务器的URLmethod="..."HTTP的方法(get, post)。
其中get是被反对使用的enctype="..."指定MIME(Internet媒体类型)当提交表单时发生的内部事件noreset="..."在重新设置表单时发生的内部事件target="..."决定把内容显示在什么地方(_blank, _parent, _self, _top-----------------------------------------------------------------------------------------<frame> 定义一个帧内的单一窗或窗区域<frame> 定义一个帧内的单一窗或窗区域<frame src="URL"> 规定帧内显示的HTML文档<frame name="name"> 命名帧或区域以便别的帧可以指向它<frame marginwidth="">定义帧左右边缘的空白大小,必须大于等于1<frame marginheight="">定义帧上下边缘的空白大小,必须大于等于1<frame scrolling=""> 设置帧是否有滚动栏,其值可以是"yes","no" 或"auto"<frame noresize> 禁止用户调整一个帧的大小-----------------------------------------------------------------------------------------<frameset></frameset> 帧标签<frameset></frameset> 放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中<frameset rows="value,value"> 定义一个帧内的行数,可以使用绝对像素值或高度的百分比<frameset cols="value,value"> 定义一个帧内的列数,可以使用绝对像素值或宽度的百分比-----------------------------------------------------------------------------------------<h1></h1> 最大的标题<head></head> 文头<head></head> 描述性资料,设置文档标题和其它在网页中不显示的信息-----------------------------------------------------------------------------------------<hr>水平线<hr size='9' width='80%' color='ff0000'>水平線(設定寬度)-----------------------------------------------------------------------------------------<html></html> 创建一个HTML文档,分别放在html文件的开头和最后。
<i></i> 斜体字<IFRAME></IFRAME> 创建一个内联的帧scr="..."定义在帧中显示的内容的来源frameborder="..."定义帧之间的边界(0或1)align="..."被反对。
控制对齐方式(left, center, right, justify)height="..."帧的高度width="..."帧的宽度-----------------------------------------------------------------------------------------<KBD></KBD> 键盘字<LABEL></LABEL> 为一个控件提供标签<LEGEND></LEGEND> 为FIELDSET元素指定一标题<li> 放在每个列表项之前<li> 放在每个列表项之前,若在<ol></ol>之间则每个列表项加上一个数字, 若在<ul></ul>之间则每个列表项加上一个圆点..-----------------------------------------------------------------------------------------<listing></listing> 固定寬度小字體<marquee></marquee> 普通捲動<marquee></marquee>普通捲動<marquee behavior=slide>...</marquee>滑動<marquee behavior=scroll>...</marquee>預設捲動中国站长第一门户<marquee behavior=alternate>...</marquee>來回捲動<marquee direction=down>...</marquee>向下捲動<marquee direction=up>...</marquee>向上捲動<marquee direction=right></marquee>向右捲動<marquee direction='left'></marquee>向左捲動<marquee loop=2>...</marquee>捲動次數<marquee width=180>...</marquee>設定寬度<marquee height=30>...</marquee>設定高度<marquee bgcolor=FF0000>...</marquee>設定背景顏色<marquee scrollamount=30>...</marquee>設定捲動距離<marquee scrolldelay=300>...</marquee>設定捲動時間-----------------------------------------------------------------------------------------<MENU> 选项清单<nobr></nobr> 强行不换行<noframes></noframes> 定义在不支持帧的浏览器中显示什么提示<ol></ol> 创建一个标有数字的列表<option> </option>设置每个表单项的内容<p></p> 段落<p></p> 创建一个段落-----------------------------------------------------------------------------------------<plaintext></plaintext>固定寬度字體(不執行標記符號)<pre></pre> 预先格式化文本<SAMP></SAMP> 范例<select></select> 创建滚动菜单<select multiple name="name" size=""></select> 创建滚动菜单,size设置在需要滚动前可以看到的表单项数目-----------------------------------------------------------------------------------------<select></select> 创建下拉菜单<select name="name"></select> 创建下拉菜单-----------------------------------------------------------------------------------------<SMALL></SMALL> 字体缩小<STRIKE></STRIKE> 加删除线<strong></strong> 加重文本(通常是斜体加黑体)<SUB></SUB> 下标字<table></table> 创建一个表格<table></table> 创建一个表格<table cellspacing=""> 设置表格格子之间空间的大小<table border=""> 设置边框的宽度<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小<table width=""> 设置表格的宽度。