HTML属性标签大全

合集下载

html标签属性大全

html标签属性大全

html标签属性大全HTML标签属性大全。

HTML标签是网页制作的基础,而标签属性则是用来描述标签的特性和行为。

了解HTML标签属性对于网页制作非常重要,因为它可以帮助我们更好地控制网页的外观和行为。

本文将为大家介绍HTML标签的常见属性,希望能够对大家有所帮助。

1. `id`属性。

`id`属性用来唯一标识一个元素,每个元素都可以有一个唯一的`id`。

这个属性在JavaScript和CSS中经常被用到,可以方便地对元素进行操作和样式设置。

2. `class`属性。

`class`属性用来为元素定义一个或多个类名,这样可以为一个元素定义多个样式。

多个元素也可以共享相同的类名,从而实现样式的统一设置。

3. `style`属性。

`style`属性用来为元素设置内联样式,可以直接在HTML标签中定义元素的样式,但不推荐频繁使用,因为它会增加HTML文件的大小,不利于维护。

4. `title`属性。

`title`属性用来为元素提供附加的信息,当鼠标悬停在元素上时会显示`title`属性的内容,这对于提供额外的解释或描述非常有用。

5. `href`属性。

`href`属性用来指定链接的目标地址,常用于`<a>`标签中,定义链接的跳转目标。

6. `src`属性。

`src`属性用来指定资源文件的地址,比如图片、音频、视频等,常用于`<img>`、`<audio>`、`<video>`等标签中。

7. `alt`属性。

`alt`属性用来为图片指定替代文本,当图片无法加载时,会显示`alt`属性的内容,同时也有助于提高网页的可访问性。

8. `width`和`height`属性。

`width`和`height`属性用来定义元素的宽度和高度,常用于`<img>`标签中,可以控制图片的显示大小。

9. `disabled`属性。

`disabled`属性用来禁用元素,比如禁用表单中的输入框、按钮等,使其不能被用户操作。

html中英文对照

html中英文对照

html中英文对照在HTML中,有很多常见的标签和属性,下面是一些常见的HTML标签和属性的中英文对照:1. 标签(Tags):`<html>`: HTML文档根元素(HTML)。

`<head>`: 文档头部(Head)。

`<title>`: 文档标题(Title)。

`<body>`: 文档主体(Body)。

`<h1>`-`<h6>`: 标题(Heading 1-6)。

`<p>`: 段落(Paragraph)。

`<a>`: 链接(Anchor)。

`<img>`: 图像(Image)。

`<div>`: 分割(Division)。

`<span>`: 文本容器(Span)。

`<ul>`: 无序列表(Unordered List)。

`<ol>`: 有序列表(Ordered List)。

`<li>`: 列表项(List Item)。

`<table>`: 表格(Table)。

`<tr>`: 表格行(Table Row)。

`<td>`: 表格单元格(Table Data)。

`<form>`: 表单(Form)。

`<input>`: 输入字段(Input)。

`<button>`: 按钮(Button)。

2. 属性(Attributes):`id`: 元素唯一标识符(ID)。

`class`: 元素类名(Class)。

`style`: 元素样式(Style)。

`src`: 图像源(Source)。

`href`: 链接目标(Hypertext Reference)。

`alt`: 图像替代文本(Alternate Text)。

`colspan`: 表格单元格跨列数(Column Span)。

html标签大全

html标签大全

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标签及属性大全(网页制作必备)

html标签及属性⼤全(⽹页制作必备)总类(所有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>表⽰⼀段⽤户应该对其没有什么其他解释的⽂本。

HTML标签以及各个标签属性大全(网页制作必备)

HTML标签以及各个标签属性大全(网页制作必备)

例1 Html文档中基本标志的使用<html><head><title>显示在浏览器最上边蓝色条中的文本</title></head><body bgcolor="red" text="blue"><p>红色背景、蓝色文本</p></body></html>1.<p></p>2.<br>3.<blockquote></blockquote>4.<dl></dl><dt></dt><dd></dd>5.<ol></ol><ul></ul><li></li>6.<div></div>vlink:设置访问过的超链接的色彩background:设定背景图片,可以是绝对路径也可以是相对路径。

bgcolor:用户设定背景色,当已设定background时这个属性会失去作用leftmargin:左边距topmargin:上边距四、注释与特殊字符:<!--.........-->注释的内容不会被显示出来注释不能被嵌套。

< <> >& &" '注册符号版权符号" TM空格五、格式标签<p></p>:用来创建一个段落,可以用align属生来设置段落的对齐方式。

HTML标签属性大全

HTML标签属性大全

按字母顺序排列DTD:指示在哪种XHTML 1.0 DTD 中允许该标签。

S=Strict, T=Transitional, F=Frameset.标签描述DTD <!--...-->定义注释。

STF <!DOCTYPE>定义文档类型。

STF<a>定义锚。

STF<abbr>定义缩写。

STF <acronym>定义只取首字母的缩写。

STF <address>定义文档作者或拥有者的联系信息。

STF <applet>不赞成使用。

定义嵌入的applet。

TF <area>定义图像映射内部的区域。

STF<b>定义粗体字。

STF<base>定义页面中所有链接的默认地址或默认目标。

STF <basefont>不赞成使用。

定义页面中文本的默认字体、颜色或尺寸。

TF <bdo>定义文字方向。

STF <big>定义大号文本。

STF <blockquote>定义长的引用。

STF <body>定义文档的主体。

STF <br>定义简单的折行。

STF <button>定义按钮(push button)。

STF <caption>定义表格标题。

STF <center>不赞成使用。

定义居中文本。

TF<cite>定义引用(citation)。

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

STF <col>定义表格中一个或多个列的属性值。

STF <colgroup>定义表格中供格式化的列组。

STF <dd>定义定义列表中项目的描述。

STF <del>定义被删除文本。

STF <dir>不赞成使用。

定义目录列表。

TF <div>定义文档中的节。

HTML标签与属性大全(很全哦)

HTML标签与属性大全(很全哦)

HTML语言‎基本标签:创建一个HT‎M L文档 <html></html>设置文档标题‎以及其他不在‎W E B网页上‎显示的信息 <head></head>设置文档的可‎见部分 <body></body>标题标签将文档的题目‎放在标题栏中‎<title></title>文档整体属性设置背景颜色‎,使用名字或十‎六进制值 <body bgcolo‎r=?>设置文本文字‎颜色,使用名字或十‎六进制值 <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>从两边缩进文‎本<blockq‎u ote></blockq‎u 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 noshad‎e>表格创建一个表格‎<table></table>开始表格中的‎每一行 <tr></tr>开始一行中的‎每一个格子 <td></td>设置表格头:一个通常使用‎黑体居中文字‎的格子 <th></th>表格属性设置围绕表格‎的边框的宽度‎<table border‎=#>设置表格格子‎之间空间的大‎小<table cellsp‎a cing=#>设置表格格子‎边框与其内部‎内容之间空间‎的大小 <table cellpa‎d ding=#>设置表格的宽‎度-用绝对像素值‎或文档总宽度‎的百分比 <table width=# or %> 设置表格格子‎的水平对齐(左中右) <tr align=?> or <td align=?>设置表格格子‎的垂直对齐(上中下) <tr valign‎=?> or <td valign‎=?>设置一个表格‎格子应跨占的‎列数(缺省为1) <td colspa‎n=#>设置一个表格‎格子应跨占的‎行数(缺省为1) <td rowspa‎n=#>禁止表格格子‎内的内容自动‎断行回卷 <td nowrap‎>窗框放在一个窗框‎文档的<body>标签之前,也可以嵌在其‎他窗框文档中‎<frames‎et></frames‎e t>定义一个窗框‎内的行数,可以使用绝对‎像素值或高度‎的百分比 <frames‎e trows="value,value">定义一个窗框‎内的列数,可以使用绝对‎像素值或宽度‎的百分比 <frames‎e tcols="value,value">定义一个窗框‎内的单一窗或‎窗区域 <frame>定义在不支持‎窗框的浏览器‎中显示什么提‎示<nofram‎e s></nofram‎e s>窗框属性规定窗框内显‎示什么HTM‎L文档 <frame src="URL">命名窗框或区‎域以便别的窗‎框可以指向它‎<frame name="name">定义窗框左右‎边缘的空白大‎小,必须大于等于‎1<frame margin‎w idth=#>定义窗框上下‎边缘的空白大‎小,必须大于等于‎1<frame margin‎h eight‎=#>设置窗框是否‎有滚动栏,其值可以是"yes","no","auto",缺省时一般为‎"a uto" <frame scroll‎i ng=VALUE>禁止用户调整‎一个窗框的大‎小<frame noresi‎z e>表单对于功能性的‎表单,一般需要运行‎一个CGI小‎程序,HTML仅仅‎是产生表单的‎表面样子。

HTML常用标签大全

HTML常用标签大全

基础<!DOCTYPE>? //定义文档类型。

<html> //定义HTML文档。

<title> //定义文档的标题。

<body> //定义文档的主体。

<h1>to<h6> //定义HTML标题。

<p> //定义段落。

<br> //定义简单的折行。

<hr> //定义水平线。

<!--...--> //定义注释。

格式<acronym> //定义只取首字母的缩写。

<abbr> //定义缩写。

<address> //定义文档作者或拥有者的联系信息。

<b> //定义粗体文本。

<bdi> //定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo> //定义文字方向。

<big> //定义大号文本。

<blockquote> //定义长的引用。

<center> //不赞成使用。

定义居中文本。

<cite> //定义引用(citation)。

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

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

<dfn> //定义定义项目。

<em> //定义强调文本。

<font> //不赞成使用。

定义文本的字体、尺寸和颜色<i> //定义斜体文本。

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

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

<mark> //定义有记号的文本。

<meter> //定义预定义范围内的度量。

<pre> //定义预格式文本。

<progress> //定义任何类型的任务的进度。

<q> //定义短的引用。

<rp> //定义若浏览器不支持ruby元素显示的内容。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

⏹跑马灯<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>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动⏹字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...</b>粗体字<strong>...</strong>粗体字(强调) (同上效果略同)<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)<p>...</p>水域(段落)<center>...</center>置中⏹连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址 target=’_blank’></a>外部连结(另开新视窗)<a href=位址 target=’_top’></a>外部连结(全视窗连结)<a href=位址 target=’页框名’></a>外部连结(在指定页框连结)⏹贴图/音乐<img src=图片位址>贴图<img src=图片位址 width=’180’>设定图片宽度<img src=图片位址 height=’30’>设定图片高度<img src=图片位址 alt=’提示文字’>设定图片提示文字<img src=图片位址’ border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定⏹表格语法<table alig n=left>...</table>表格位置,置左<table align=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性:●cols垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。

例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽度,为相对分割。

●rows就是横向切割,将窗口上下分开,数值设置同上。

以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。

frameborder 设置框架的边框,其值有0不要边框,1要边框。

border 设置框架边框厚度framespacing 表示框架与框架间保留空白的距离frame 元素(单标签)语法格式:<frame name="" src="url" scrolling="yes/no" noresize>属性:name 框架名称,指定框架来做连接的目标窗口。

src 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。

scrolling 是否显示滚动条,yes/no,auto是自动。

noresize 设置不让使用者改变这个框架的大小,noframe元素指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息语法格式:<noframe>......</noframe>表单<form></form>语法格式:<form action="url" method="get/post">....<input type=submit><input type=reset></form>method有两种提交方式get,postaction 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@" 这样此表单所填的资料将会发送到这个邮箱地址。

相关文档
最新文档