html常用标签

格式：doc
大小：214.00 KB
文档页数：6

下载文档原格式

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中常⽤标签及属性⼀、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>。

(完整版)HTML标签解释大全

一、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说明：标明不可见的注释.标签：currentStyle说明：代表了在全局样式表、内嵌样式和HTML 标签属性中指定的对象格式和样式。

HTML常用标签

HTML常用标签一、img 标签的用法1、img 的属性src ：source，图片路径，可以是相对路径也可以是绝对路径，作用发送 get 请求，展示一张图片alt : 加载失败是，展示文字提示用户width，height 设置图片宽高，只设置 width，height 会自动适应，只设置 height，width 会自动适应，两个都设置，图片会变形。

图片响应式<style>img {box-sizing : border-box;max-width : 100%;}</style>2、img 事件onload 加载成功时执行onerror 加载失败时执行二、 a 标签的用法1. a 标签的属性（1） href 属性：写一个网址helf 的取值路径/a/b/c 以及 a/b/cindex.html 以及 ./index.html伪协议javascript: 代码;如<a href="javascript:alert(1);">点击</a> 点击不会刷新的超链接*javascript : ; 空的伪协议：*##xxx 跳转到对应 id 的标签mailto : 邮箱地发邮件tel : 手机号打电话（2）target 属性：指定页面在哪个窗口打开_blank 在空白页面打开_top 在最顶层打开_parent 在上一级窗口打开_self 在当前窗口打开xxx 在 xxx 窗口打开，如果没有 xxx 窗口则会建一个 xxx 窗口三、table 标签的用法1、表格标签table 表格thead 表头，tbody 表格主体，tfoot 表格页脚tr 表格的一行， th 表头， td 单元格直接写 tr、td 会自动放入 tbody2、表格属性table-layout = auto 表格宽度会根据内容自动适应table-layout = fixed 表格宽度会根据内容自动平均border-spacing = 10 表格间隙border-collapse = collapse 表格合并四、form 表单的用法form 表单会发 get 请求或者 post 请求1、form 表单属性action 请求页面的地址method 请求方式autocomplete 自动填充target 把哪个页面变成 yyy 刷新value 设置按钮名称2、form 表单的type 类型text 文本color 颜色password 密码radio 单选框，需要加上同一个 namecheckbox 多选框，同一组，需要加上同一个 namefile 选择单个文件file mutiple 选择多个文件hidden 隐藏的表单，用来给机器输入的3、form 表单事件onchange 事件：表单内容发生改变onfocus 事件：表单获得焦点onblur 事件：表单失去焦点表单一般不监听 click 点击事件form 里面放 type=submit 才能触发提交事件4、input type=submit 和button type=submit 的区别input type=submit 不能有其它除了文字之外的内容button type=submit 可以有任何内容，包括标签五、其它输入标签select option 标签选项菜单textarea 标签多行文本六、其他标签video 视频标签audio 音频标签canvas 绘制图像标签svg 绘制矢量图标签。

HTML常用标签属性汇总

HTML常用标签属性汇总1.全局属性：- class: 为当前HTML元素指定一个或多个类名- id: 为当前HTML元素指定唯一的标识符- style: 为当前HTML元素指定样式属性，如颜色、字体、大小等- title: 为当前HTML元素指定鼠标悬停时显示的文字提示2.文本相关属性：- align: 用于指定文本在元素中的对齐方式，如left、right、center等- dir: 用于指定文本的方向，如ltr、rtl等- lang: 用于指定文本的语言，如en、zh等- translate: 用于指定是否需要对文本进行翻译处理3.超链接相关属性：- href: 用于指定链接地址，可以是相对路径或绝对路径- target: 用于指定链接在何处打开，如_blank、_self、_parent、_top等- rel: 用于指定链接与当前页面之间的关系，如nofollow、noopener等4.图像相关属性：- src: 用于指定图像的路径- alt: 用于指定图像显示失败时的替代文本- width: 用于指定图像的宽度- height: 用于指定图像的高度5.表格相关属性：- border: 用于指定表格边框的宽度- cellpadding: 用于指定表格的内边距- cellspacing: 用于指定表格的间距- rowspan: 用于指定单元格的行合并- colspan: 用于指定单元格的列合并6.表单相关属性：- action: 用于指定表单提交的URL地址- method: 用于指定表单提交的方式，如GET、POST等- name: 用于指定表单的名称- value: 用于指定表单元素的默认值7.多媒体相关属性：- autoplay: 用于指定音频或视频自动播放- controls: 用于指定音频或视频是否显示控制条- loop: 用于指定音频或视频是否循环播放- poster: 用于指定音频或视频的封面图像8.其他常用属性：- disabled: 用于指定元素是否禁用- readonly: 用于指定元素是否只读- required: 用于指定元素是否为必填项- maxlength: 用于指定元素输入的最大长度。

HTML标签总结

HTML标签一。

HTML基本标签<head>//头部标签<title></title>//标题标签，显示在浏览器的上部<body></body>//网页的正文，如浏览器显示的文字，图像，表格等都在此标签中书写。

它有很多属性。

如下：link：设置页面超链接文本的颜色alink：设置鼠标正在点击时的超链接文本的颜色。

vlink：设置鼠标点击后超链接文本的颜色.bgcolor:设置页面背景颜色background：设置页面背景图片leftmargin：设置左边距rightmargen：设置右边距topmargen：设置上边距bgproperties：设置页面背景图像为固定，不随页面滚动而滚动text：设置页面文本颜色</head>二。

一些基本标签<font></font>//文字标签，中间嵌入文字，其属性有face：设置文字的字体，如face="仿宋_GB2312"size:设置文字的大小，如size="5"color:设置文字的颜色，如color="#000000"<b></b>用于加粗文字<i></i>用于使文字变为斜体<u></u>用于使用下划线<em></em>用于强调文本，一般显示为斜体<strong></strong>用于特别强调的文本，显示为粗体<cite></cite>用于印证或者举例，通常为斜体<code></code>用于指出文字显示的一段代码。

<small></small>用于规定文本以小号字显示<big></big>用于规定文本以大号字显示<samp></samp>放在该标签中的文字以计算机常用的字体样式显示，即宽度相等的字体<kbd></kbd>用于存放用户从键盘输入的文字<var></var>放在该标签中德文字用来表示变量，通常显示为斜体<sub></sub>下标字标签，显示的文字如下标字<sup></sup>上标签，与下标签相反，显示的文字为上标<del></del>删除字标签，通常文字上带有横线<abbr></abbr>缩写标签，一般一段英文中，用于显示每个单词的首字母，其属性如下：title:用于代表英文的全部内容，如title="Apple Banana Cat",其显示内容为：ABC <bdo></bdo>:文字方向标签，用于设置文字方向，其属性只有一个：“dir”dir="ltr" or dir="rtl"用于表达文字是从左边往右边书写还是右边往左边书写<br>换行符标签<p>换段落标签，其属性如下align：用于段落文本的对其方式<!-****-->注释标签<!-****--><pre></pre>预格式文本，用于将文本按输入的格式输出<backquote></backquote>缩排标签，标签中的文字会自动缩进几个空格<hr>水平线标签，用于显示水平线，其属性如下：size:用于设置水平线的长度，如size="3cm" size="15"width:用于设置水平线的宽度，单位为像素align：用于设置水平线的额对其方式color：用于设置水平线的颜色noshade：取消水平线的3d阴影三。

HTML标签及属性大全（很全哦）

HTML标签及属性大全（很全哦）
HTML语言基本标签：
创建一个HTML文档
设置文档标题以及其他不在WEB网页上显示的信息
设置文档的可见部分
标题标签
将文档的题目放在标题栏中
文档整体属性
设置背景颜色，使用名字或十六进制值
设置文本文字颜色，使用名字或十六进制值
设置链接颜色，使用名字或十六进制值
设置已使用的链接的颜色，使用名字或十六进制值
设置正在被击中的链接的颜色，使用名字或十六进制值
文本标签
创建预格式化文本
创建最大的标题
创建最小的标题
创建黑体字
创建斜体字
创建打字机风格的字体
创建一个引用，通常是斜体
加重一个单词（通常是斜体加黑体）
加重一个单词（通常是斜体加黑体）
设置字体大小，从1到7
设置字体的颜色，使用名字或十六进制值
链接
创建一个超链接
创建一个自动发送电子邮件的链接 .... 创建一个位于文档内部的靶位
创建一个指向位于文档内部靶位的链接格式排版
创建一个新的段落
将段落按左、中、右对齐
插入一个回车换行符
从两边缩进文本。

[HTML]常用的文本标签（标题、段落、加粗、下划线等标签）

<p></p> <br>
<b></b> <strong></strong>
<i></i> <em></em>
<s></s> <del></del>
<u></u> <ins&g 开始新的段落（有换行功能）
换新的一行普通加粗（使用优先级低）加粗（语义化，表示重要）
登录后才能查看或发表评论立即登录或者逛逛博客园首页
[HTML]常用的文本标签（标题、段落、加粗、下划线等标签）
标签类型标题段落换行粗体1 粗体2 斜体1 斜体2
删除线1 删除线2 下划线1 下划线2
写法 <h1></h1>......<h6></h6>
普通斜体斜体（语义化，表示强调）
普通删除线删除线（语义化）
普通下划线下划线（语义化）

HTML常用标签属性汇总(最新整理)

HTML 常用标签属性汇总<body> 标签 (1)<a> 标签 (2)1.可选的属性 (2)2.标准属性 (3)键盘属性 (4)<p> 标签 (4)1.可选的属性 (4)2.标准属性 (4)<a> 标签 (5)1.可选的属性 (5)2.标准属性 (6)键盘属性 (7)<img> 标签 (7)1.必需的属性 (7)2.可选的属性 (7)3.标准属性 (8)<table> 标签 (9)1.可选的属性 (9)2.标准属性 (10)<input> 标签 (11)1.可选的属性 (11)2.标准属性 (12)注：表示颜色的有三种方式； (13)<body> 标签1.背景属性:包括：bgcolor,background<body background-color:black> 背景颜色<body background-image : url(image/bg.gif)> 背景图片<body background-attachment : fixed> 固定背景<body background-repeat : repeat> 重复排列-网页预设<body background-repeat : no-repeat> 不重复排列<body background-repeat : repeat-x> 在x轴重复排列<body background-repeat : repeat-y> 在y轴重复排列<body background-position : 90% ,90%> 背景图片x与y轴的位置2,文字属性：包括：text,link,alink,vlink,<body text="red">字体颜色插入隐藏域<input name=”” type=”hidden” value=””>注：表示颜色的有三种方式；1，16进制颜色代码语法：#RRGGBB例：<font color="#ff0000">红色</font>2，10进制RGB码语法：RGB（RRR，GGG，BBB）例：<font color="rgb(255,000,000)">红色</font> 3,直接用颜色的英文名称例：<font color="red">红色</font>。

html常用标签整理

html常⽤标签整理html⽂档结构1<!DOCTYPE html>2<html lang="zh-CN"> #这个lang表⽰语⾔，zh-CN中⽂的意思，整个⽂档的内容以中⽂为主，如果以英⽂为主，就写成lang='en'34<head>5<meta charset="UTF-8">6<title>css样式优先级</title>7</head>8<body>910</body>11</html>1.<!doctype html>声明为html5⽂件，必须是html⽂档的第⼀⾏，在<html>标签之前;2.<html>、</html>是⽂档开始和结束的标记,是HTML页⾯的根元素，在它们之间是⽂档的头部（head）和主体（body);3.<head>、</head>定义HTML⽂档开头部分,内容不会在浏览器窗⼝显⽰,包含⽂档元（meta）数据，配置信息等，是给浏览器看的;4.<title>、</title>定义了⽹页标题，在浏览器标题栏显⽰（修改⼀下title中的内容，然后看⼀下浏览器，你就会发现title是什么了）;5.<body>、</body>之间的内容是可见的⽹页主体内容;注意：中⽂⽹页需要使⽤<meta charset="utf-8">声明编码，否则会出现乱码;有些浏览器是gbk，需⼿动设置为 <meta charset="gbk">；html标签格式1.html标签是由尖括号包围的关键字，如：<html>,<div>,<span>等;2.html标签通常是成对出现，如：<div></div>,第⼀个是开始，第⼆个有斜线的是结束；3.有些标签是单独呈现的，如：<br/> 、<hr/>、<img src="222.png">;4.标签⾥⾯带有若⼲属性，也有不带的；标签语法：<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名><标签名属性1=“属性值1” 属性2=“属性值2”…… />html注释： #找到⼀⾏内容ctrl+/能快捷注释，注释的内容不会在⽹页上显⽰出来head内常⽤标签meta标签： 01.<meta>元素可提供有关页⾯的元信息（meta-information）,针对搜索引擎和更新频度的描述和关键词； 02.标签位于⽂档的头部，不包含任何内容,提供的信息⽤户是看不见的；meta标签组成： http-equiv属性和name属性： 1.http-equiv属性：相当于http的⽂件头作⽤，向浏览器传回⼀些有⽤的信息，正确显⽰⽹页内容，与之对应的属性值content，content中的内容是各个参数的变量值；<meta http-equiv="refresh" content="2;URL=https://"> #如果把URL和后⾯的内容去掉，就是2秒钟刷新⼀次，做了解;<meta http-equiv="content-Type" charset=UTF8"><meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微软的⼀个全新的浏览器,其实就是告诉IE浏览器，你按照最⾼标准来渲染我的页⾯，做了解；属性：主要⽤于描述⽹页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息⽤的；<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="xxxxxpythonxxx学习"> #是对这个⽂档的描述，在百度⼀些内容的页⾯上，f12打开看看body常⽤标签基本标签不加标签的纯⽂字也是可以在body中写的<b>加粗</b><i>斜体</i><u>下划线</u><s>删除</s><p>段落标签</p> #独占⼀个段落<h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6><br><hr> #就是单独个⼀个⽔平线每次加上⼀些内容，记得保存再刷新⼀下才会显⽰出效果来；常⽤特殊字符div标签和span标签这两个标签没有特别的样式,<div>xxxx</div>，<span>xxx</span>这是两个标签最⼤的特点，可以通过CSS来控制,⽹站中多数是他们;div标签⽤来定义⼀个块级元素，并⽆实际的意义。

HTML常用标签

HTML最常用标签（一）基本文档结构标签：1)：注释标签用来在源文档中插入注释。

注释会被浏览器忽略。

您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。

2)<!DOCTYPE>：<!DOCTYPE> 声明位于文档中的最前面的位置，处于<html> 标签之前。

此标签可告知浏览器文档使用哪种HTML 或XHTML 规范。

3)<html>：此元素可告知浏览器其自身是一个HTML 文档。

4)<head>：<head> 标签用于定义文档的头部，它是所有头部元素的容器。

5)<base>：标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接。

6)<meta>：<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

包含在<head>标签中。

7)<title>：<title> 元素可定义文档的标题。

8)<body>：body 元素定义文档的主体。

body 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等。

）（二）文本、字体、字号、线条、行控制、超链接、图像相关标签：9)<b>：呈现粗体文本效果。

10)<i>：显示斜体文本效果。

11)<br>：<br> 可插入一个简单的换行符。

12)<font>：<font> 规定文本的字体、字体尺寸、字体颜色。

13)<h1> -- <h6>：<h1> - <h6> 标签可定义标题。

<h1> 定义最大的标题。

<h6> 定义最小的标题。

常用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`样式表。

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

<marquee scrollamount=30>...</marquee>
设定卷动距离
<marquee scrolldelay=300>...</marquee>
设定卷动时间
2.字体效果
标签
功能
<h1>...</h1>
标题字(最大)
<h6>...</h6>
标题字(最小)
<b>...</b>
粗体字
<strong>...</strong>
插入图片
<IMG VSPACE>
插入图片并预设图形的上下边界
<INPUT TYPE NAME value>
在窗体中加入输入字段
<ISINDEX>
定义查询用窗体
<KBD>...</KBD>
表示使用者输入文字
<LI TYPE>...</LI>
列表的项目(可指定符号)
<MARQUEE>
跑马灯效果
<MENU>...</MENU>
<table cellspacing=参数>...</table>
指定网格线与网格线之间的距离(使用数字)
<table cols=参数>...</table>
指定表格的栏数
<table frame=参数>...</table>
设定表格外框线的显示方式
<table width=宽度>...</table>
<frameset rows="20%,*,20%">
分割上中下三个框架
<! - - ... - ->
批注
<A HREF TARGET>
指定超级链接的分割窗口
<A HREF=#锚的名称>
指定锚名称的超级链接
<A HREF>
指定超级链接
<A NAME=锚的名称>
被连结点的名称
<ADDRESS>....</ADDRESS>
调整数据域位之边界
<TABLE CELLSPACING>
调整表格线的宽度
<TABLE HEIGHT>
调整表格的高度
<TABLE WIDTH>
调整表格的宽度
<TABLE>...</TABLE>
产生表格的卷标
<TD ALIGN>
调整表格字段之左右对齐
<TD BGCOLOR>
设定表格字段之背景颜色
<TD COLSPAN ROWSPAN>
设定表格边框的颜色
<table borderclordark=颜色码>...</table>
设定表格暗边框的颜色
<table borderclorlight=颜色码>...</table>
设定表格亮边框的颜色
<table cellpadding=参数>...</table>
指定内容与网格线之间的间距(使用数字)
表格字段的合并
<TD NOWRAP>
设定表格字段不换行
<TD VALIGN>
调整表格字段之上下对齐
<TD WIDTH>
;/TD>
定义表格的数据域位
<TEXTAREA NAME ROWS COLS>
窗体中加入多少列的文字输入栏
<TEXTAREA WRAP>
决定文字输入栏是自动否换行
用来显示电子邮箱地址
<B>
粗体字
<BASE TARGET>
指定超级链接的分割窗口
<BASEFONT SIZE>
更改预设字形大小
<BGSOUND SRC>
加入背景音乐
<BIG>
显示大字体
<BLINK>
闪烁的文字
<BODY TEXT LINK VLINK>
设定文字颜色
<BODY>
显示本文
<BR>
换行
<CAPTION ALIGN>
1．跑马灯
标签
功能
<marquee>...</marquee>
普通卷动
<marquee behavior=slide>...</marquee>
滑动
<marquee behavior=scroll>...</marquee>
预设卷动
<marquee behavior=alternate>...</marquee>
<FRAME MARGINHEIGHT>
设定窗口的上下边界
<FRAME MARGINWIDTH>
设定窗口的左右边界
<FRAME NAME>
为分割窗口命名
<FRAME NORESIZE>
锁住分割窗口的大小
<FRAME SCROLLING>
设定分割窗口的滚动条
<FRAME SRC>
将HTML文件加入窗口
<kbd>...</kbd>
键盘文字
<tt>...</tt>
打字体
<xmp>...</xmp>
固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>
固定宽度字体(不执行标记符号)
<listing>...</listing>
固定宽度小字体
<font color=00ff00>...</font>
显示"定义"文字
<DIR>...</DIR>
列表文字卷标
<DL>...</DL>
设定定义列表的卷标
<DT>
设定定义列表的项目
<EM>
强调之用
<FONT FACE>
任意指定所用的字形
<FONT SIZE>
设定字体大小
<FORM ACTION>
设定户动式窗体的处理方式
<FORM METHOD>
设定户动式窗体之资料传送方式
字体颜色
<font size=1>...</font>
最小字体
<font style =font-size:100 px>...</font>
无限增大
3.区断标记
标签
功能
<hr>
水平线
<hr size=9>
水平线(设定大小)
<hr width=80%>
水平线(设定宽度)
<hr color=ff0000>
向左卷动
<marquee loop=2>...</marquee>
卷动次数
<marquee width=180>...</marquee>
设定宽度
<marquee height=30>...</marquee>
设定高度
<marquee bgcolor=FF0000>...</marquee>
设定背景颜色
<FRAMESET COLS>
将窗口分割成左右的子窗口
<FRAMESET ROWS>
将窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET>
划分分割窗口
<H1>~<H6>
设定文字大小
<HEAD
>标示文件信息
<HR>
加上分网格线
<HTML>
文件的开始与结束
<I>
斜体字
<IMG ALIGN>
调整图形影像的位置
<IMG ALT>
为你的图形影像加注
<IMG DYNSRCLOOP>
加入影片
<IMG HEIGHT WIDTH>
插入图片并预设图形大小
<IMG HSPACE>
插入图片并预设图形的左右边界
<IMG LOWSRC>
预载图片功能
<IMG SRC BORDER>
设定图片边界
<IMG SRC>
粗体字(强调)
<i>...</i>
斜体字
<em>...</em>
斜体字(强调)
<dfn>...</dfn>
斜体字(表示定义)
<u>...</u>
底线
<ins>...</ins>
底线(表示插入文字)

html常用标签

合集下载

HTML常用标签

HTML主要标签

HTML中主要标签有哪些-文字标签-布局常用标签

html标签大全

(完整版)html标签大全

一、HTML中常用标签及属性

(完整版)HTML标签解释大全

HTML常用标签

HTML常用标签属性汇总

HTML标签总结

HTML标签及属性大全（很全哦）

[HTML]常用的文本标签（标题、段落、加粗、下划线等标签）

HTML常用标签属性汇总(最新整理)

html常用标签整理

HTML常用标签

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

文档推荐

最新文档