常用的HTML标签

合集下载

HTML常用标签

属性值说明
src URL flash路径
width 像素/百分比 flash宽度
height 像素/百分比 flash高度
wmode windows 使flash自身的矩形窗口来播放
middle 文字靠中
bottom 文字靠下
空隙的设置
属性名称属性值说明
vspace 像素垂直上下两端与物件的距离
hspace 像素水平左右两段与物件的距离
创建下划线<u>...</u>
删除线 <s>...</s>
< <
> >
& &
" "
注释 
创建打字机风格的字体 <tt></tt>
创建一个引用，通常是斜体 <cite></cite>
内容以上标的形式显示<sup></sup>[添加指数值，或者在日期后面添加st、nd、rd、th后缀]
4.mailto
<a href=mailto:bnbbs@>E-MAIL</a>
创建一个超链接 <a href="URL"></a>
创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">.... </a>
创建一个位于文档内部的靶位 <a name="NAME"></a>

HTML主要标签

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中的主要标签有这些：文件开始标签“html〞、文件头部标签“head〞、文件主体标签“body〞。

如果想具体了解HTML 中主要标签有哪些，那无妨接着往下看吧!一、HTML中主要标签有哪些1、文件开始标签“html〞在HTML文件中，最先出现的是HTML标签就是“html〞，它表示这是HTML文件，它是双标签，首标签和尾标签分别位于文件的最前面和最后面，文件所有标签和文本都包涵在其中，该标签不带任何属性。

2、文件头部标签“head〞“head〞表示文件头部的标签，它是双标签，它包涵文件的标题、编码方式及URL等信息，可省略。

3、文件主体标签“body〞“body〞表示文件主体内容，它是双标签。

文件头部标签用以存储重要信息，而只有主体部分会被显示，所以大部分标记都位于文件主体部分。

该标签可带属性。

二、网页〔制定〕的常用文字标签1、标题文字标签“hn〞“hn〞为标题文字标签，它是一个双标签，其作用是设置网页中的标题文字。

“hn〞标签一共6级，“h1〞和“h1〞之间的文字是第1级标题，“h6〞和ch6〞之间的文字是第6级标题，由“hl〞到“h6〞逐渐变小。

每个标题标记所标示的字句将独占一行且上下留一空白行。

“hn〞有一个属性align，其属性可选值为：right、left、center。

2、文字格式控制标签“font〞“font〞为文字格式控制标签，它是一个双标签，其作用是设置文字的字体、大小和颜色。

“font〞的属性有face、size、color。

face：设定文字字体，其属性为字体名称。

size：设定文字大小，取值1~7，默认值为3。

也可用“+〞“-〞来设置相对值。

color：设定文字颜色。

可以用和#nnnnnn，也可以采纳颜色的名称。

三、页面布局常用标签1、换行标签“br〞“br〞为换行标签，它是一个单标签，作用是令其后的内容在下一行显示。

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文档<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=""> 设置表格的宽度。

html最实用总结

html总结一、常用标签：字体标签：<label> <font> <h1> <h2> <h3>…<font size=”7”color=”#ffff00”>数据</font>特殊字符：如果要在页面显示一些特殊符号，需要进行转义。

<: < >: > &: & 空格:  标题：<h1> <h2> <h3>……<h6>【练习——只有6个标题】【练习——font标签】【练习——特殊字符】列表标签：<dl></dl><dt>：上层项目<dd>：下层项目：例如：<dl><dt>新闻管理</dt><dd>添加新闻</dd><dd>编辑新闻</dd><dd>删除新闻</dd> </dl>项目符号标签：<ul>：符号标签<ol>：数字标签这两个标签的列表项都由<li>标签封装3，图像标签：<img><img src=”1.jpg”alt=”图像说明文字”/>【注意】img标签的结束方式跟其他的标签是不一样的。

4，表格标签：<table>组成：标题标签：<caption>,给表格提供标题表头标签：<th>一般对表格的第一行或者第一列进行格式化（粗体居中）行标签：<tr>单元格标签：<td>【练习例子】5，超链接标签：<a>两种用法：一、超链接<a href=””>例如：<a href=””target=”_blank”>百度</a>Href属性值可以是url，也可以是本地文件。

HTML重要标签总结归纳

HTML 重要标签： (1)样式/节 ①<style> 实例：<html> <head><style type=”text/css”> h1 { color:red } p { color:blue } </style></head> <body><h1>Header 1</h1> <p>A paragraph.</p></body></html>定义和用法<style> 标签用于为 HTML 文档定义样式信息。

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。

type 属性是必需的，定义 style 元素的内容。

唯一可能的值是 "text/css"。

style 元素位于 head 部分中。

②<div>HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。

<div> 元素没有特定的含义。

除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。

<div> 元素的另一个常见的用途是文档布局。

它取代了使用表格定义布局的老式方法。

使用 <table> 元素进行文档布局不是表格的正确用法。

<table> 元素的作用是显示表格化的数据。

实例：<html><body> <h3>This is a header</h3><p>This is a paragraph.</p> <div style="color:#00FF00"><h3>This is a header</h3><p>This is a paragraph.</p></div> </body></html>定义和用法 <div> 可定义文档中的分区或节（division/section）。

常用html标签的英语全称及简单功能描述

常用html标签的英语全称及简单功能描述常用html标签的英语全称及简单功能描述<a>:anchor 定义锚<abbr>:abbreviation 定义缩写<acronym>: 定义只取消首字母的缩写<address>:定义地址元素<area>:定义图像映射内部的区域<b>:bold 定义粗体字<base>:定义页面当中的所有链接的基准链接<bdo>: bidirectional override 定义文字的显示方向<big>:定义大号字<blockquote>:定义长的引用<body>:定义body元素<br>:break 插入一个回车<button>:定义按钮<caption>:定义表格标题<cite>:citation 定义引用<code>:computer code 定义计算机代码文本<col>:column 定义用于表格列的属性<colgroup>:column group 定义表格的列祖<dd>:definition description 定义定义的描述<del>:delete 定义被删除的文本<div>:division 定义文档中的节<dfn>:defining instance 定义定义的项目。

<dl>:definition list 定义定义列表<dt>:definition term 定义定义的项目<em>:emphasized 定义强调文本<fieldset>:定义域结构<form>:定义表单<frame>:定义框架的子窗口<frameset>:定义框架集<h1>to<h6>:定义标题1到标题6<head>:定义关于文档的信息<hr>:horizontal 定义水平线<html>:hypertext markup language 定义html文档<i>:italic 定义斜体字<iframe>:inline frame 定义内联框架<img>:image 定义图像<input>: 定义输入域<ins>:inserted 定义被插入的文本<kbd>:keyboard 定义键盘文本<label>:定义针对表单控件的标签<legend>:定义框架集的标题<li>:list item 定义列表的项目<link>:定义资源引用<map>:定义图像映射<meta>:定义元信息<noframe>:定义无框架的节<noscript>:定义无脚本的节<object>:定义内嵌对象<ol>:ordered list 定义有序列表<optgroup>:option group 定义选项组<option>:定义下拉列表的选项<p>:paragraph 定义段落<param>:定义对象的参数<pre>:preformatted 定义预格式文本<q>:quotation 定义短的引用<samp>:sample 定义计算机代码样本<script>:定义脚本<select>:定义选择列表<small>:定义小字体文本<span>:定义文档中的节<strong>:stronger empasis定义强调文本<style>:定义样式的定义<sub>:subscript 定义下标文本<sup>:superscript 定义上标文本<table>:定义表格<tbody>:table body 定义表格的主体部分<td>:table data cell定义表格单元<textarea>:定义文本区域<tfoot>:table foot定义表也的脚注<th>:table header cell定义表格的表头单元格<thead>:table head定义表格的标题<title>:定义文档的标题<tr>:table row定义表格的行<tt>:teletype 定义打字机文本<ul>:unordered list 定义无序列表<var>:variable 定义变量head`头信息title`标题body`正文font`字体br`换行p`段落pre`预格式化hr`水平分界线sup`上标sub`下标b`粗体i`斜体u`下划线em`强调(斜体)strong`强调(粗体)tt`等宽字体(打印机字体)<ol><li></li><li></li></ol>有序列表<ul><li></li><li></li></ul>无序列表<a href=#>超链接<img src=#>图片链接th`表头单元td`表格单元tr`表格行table`表格caption`表格标题form`交互式表单input`输入表单控件option`菜单类控件可选项`select中使用select`菜单类控件textarea`多行文本域style`样式表。

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元素显示的内容。

一、HTML中常用标签及属性

⼀、HTML中常⽤标签及属性⼀、HTML基础语法 ---> 单标签、双标签、块级元素、⾏内元素单双标签其实就是HTML⽂档中标签书写的格式，页⾯中最常见的是双标签；单标签就是只有⼀个标签，也就是⼀个空元素：meta、img、hr、br 双标签有开始标签和结束标签块级元素：独占⼀⾏，对宽⾼的属性值⽣效，如果不给宽度，块级元素就默认浏览器的宽度，（即就是100%宽）例如：div p ul h1~h6 ..... ⾏内元素：对宽⾼属性值不⽣效，完全靠内容撑开宽⾼，可以跟其他标签存在⼀⾏例如：span b strong em a img input ...... ⾏内块元素：结合⾏内和块级元素的特点，不仅对宽⾼的属性值⽣效，还可以跟多个标签存在⼀⾏例如：input img⼆、HTML中常⽤标签 ---> ⽂档头部<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="shortcut icon" type="image/x-icon" href=""><link rel="stylesheet" type="text/css" href=""></head><body></body></html>三、HTML中常⽤标签 ---> ⽂本标签级属性<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><p style="text-indent: 2em;font-size:15px;color: red;font-weight: bold;font-family: monospace;"></p><em></em><i></i><del></del><span></span><br><pre></pre><h1 style="text-align: center;"></h1><h2 style="background: pink;height: 50px;line-height: ;"></h2><h3></h3><h4></h4><h5></h5><h6></h6></body></html>四、HTML中常⽤标签 ---> 超链接<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/* 去掉a链接下划线 */a{text-decoration: none;}/* 伪属性，⿏标移上字体变红,下划线显⽰ */a:hover{color: red;text-decoration: underline;}div{height: 1000px;background: pink;width:400px;}</style></head><body><a href="#">我是⼀个链接</a><a href=""><img src="" alt=""></a><a href="top">页⾯顶部</a><div></div><a href="" id="top">回到顶部</a></body></html>五、HTML中常⽤标签 ---> 列表标签<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>列表标签</title><style type="text/css">/* 清空li样式；⽂化素质宽⾼；设置边框线 */ul li{list-style: none;height: 40px;width: 200px;border: 1px solid #ccc;margin: 5px 0px;text-align:center;line-height: 40px;} /* 设置前⾯样式为图⽚，但是⽆法调整图⽚与⽂字的间距 */ul li{list-style: url(图⽚地址);}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::before{content: url(图⽚地址);margin-right: 30px;}/* 伪元素；在⽂字前⾯设置图⽚与⽂字的间距 */ul li::after{content: url(图⽚地址);}</style></head><body><ol><li>web前端</li><li>JavaScript</li><li>jQuery</li></ol><ul><li>西⽠<ul><li>有籽西⽠</li><li>⽆籽西⽠</li></ul></li><li>苹果</li><li>西柚</li></ul></body></html>六、HTML中常⽤标签 ---> form表单<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title><style type="text/css">/* padding内边距 */input{height: 8px;width: 258px;border: 1px solid #ccc;margin-top: 20px;padding: 20px;} /* border: none去掉按钮⾃带的边框线 */button{height: 50px;width: 300px;margin-top: 20px;background: #FF6A00;border: none;color: #fff;} </style></head><body><form method="" action=""><input type="text" name="username" placeholder="请输⼊⽤户名"><br><input type="password" name="pwd" placeholder="请输⼊⽤密码"><br><button>登陆</button></form></body></html>七、HTML中常⽤标签 ---> 表格（table）<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>表格</title><style type="text/css">/* 清除默认样式 */*{margin: 0px;padding: 0px;}/* border-collapse: collapse;合并多余的边框线 */table{border: 1px solid #ccc;border-collapse: collapse;}tr th{height: 200px;border: 1px solid #ccc;width: 100px;}tr td{height: 200px;border: 1px solid #ccc;width: 100px;}</style></head><body><table><tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr><tr><td colspan="5"></td></tr><tr><td rowspan="2"></td><td></td><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td><td></td></tr></table></body></html>。

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

基本的标签
<!DOCTYPE> 定义文档类型。

<html> 定义html 文档。

<body> 定义body 元素。

<h1> to <h6> 定义标题1 到标题6。

<p> 定义段落。

<br> 插入一个换行。

<hr> 定义水平线。

定义注释。

字符格式化
<b> 定义粗体文本。

<font> 不赞成使用。

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

<em> 定义强调文本。

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

<strong> 定义语气更为强烈的强调文本。

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

<sup> 定义上标文本。

<sub> 定义下标文本。

<bdo> 定义文本显示的方向。

<u> 不赞成使用。

定义下划线文本。

输出
<pre> 定义预格式文本
<code> 定义计算机代码文本。

<tt> 定义打字机文本。

<kbd> 定义键盘文本。

<var> 定义变量。

<dfn> 定义定义项目。

<samp> 定义样本文本。

<xmp> 不赞成使用。

定义预格式文本。

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

<abbr> 定义缩写。

<address> 定义地址元素。

<blockquote> 定义块引用。

<center> 不赞成使用。

定义居中字体。

<q> 定义短的引用。

<cite> 定义引用(citation)。

<ins> 定义被插入文本。

<del> 定义被删除文本。

<s> 不赞成使用。

定义加删除线的文本。

<strike> 不赞成使用。

定义加删除线的文本。

链接
<a> 定义锚。

框架
<frame> 定义框架的子窗口
<frameset> 定义框架结构
<noframes> 定义无框架的节
<iframe> 定义内联框架
输入
<form> 定义表单。

<input> 定义输入域。

<textarea> 定义文本输入区。

<button> 定义按钮。

<select> 定义下拉式菜单。

<optgroup> 定义选项分组。

<option> 定义下拉列表中的可选项。

<label> 为表单元素创建标记。

<fieldset> 将表单内的相关元素分组。

<legend>
定义框架结构的标题。

<isindex> 不赞成使用。

定义单行的输入域图像
<img> 定义图像。

<map> 定义图像映射。

<area> 定义图像地图内部的区域。

表格
<table> 定义表格
<caption> 定义表格标题
<th> 定义表格页眉
<tr> 定义表格的行
<td> 定义表格单元
<thead> 定义表格的页眉
<tbody> 定义表格的主体
<tfoot> 定义表格的页脚
<col> 定义用于表格列的属性
<colgroup> 定义表格列的组
样式
<style> 定义样式定义
<div> 定义文档中的节
<span> 定义文档中的节
元信息
<head> 定义关于文档的信息
<title> 定义文档的标题
<meta> 定义元信息
<base> 定义某个页面当中的所有链接的基准链接<basefont> 不赞成使用。

定义基准字体。