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中主要标签有哪些-文字标签-布局常用标签在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常用标签大全
基础<!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常用标签的使用及属性
- href属性：指定链接的目标URL。
- target属性：定义链接的打开方式。
- src属性：指定图像URL。
- alt属性：定义图像的替代文本。
- width和height属性：指定图像的宽度和高度。
- type属性：定义有序列表的类型（1、A、a、I、i）。
- start属性：定义有序列表的开始值。
- border属性：定义表格的边框。
- colspan和rowspan属性：定义表格列或行的合并。
- action属性：指定表单数据提交的目标URL。
- method属性：定义表单提交的HTTP方法（GET或POST）。
- type属性：定义输入字段的类型（文本、密码、复选框等）。
- name和value属性：定义输入字段的名称和值。
- name属性：定义下拉菜单的名称。
- multiple属性：允许用户选择多个选项。
- type属性：定义按钮的类型（提交、重置或普通按钮）。
- class和id属性：用于标识和样式化容器。
- class和id属性：用于标识和样式化容器。
常用html标签大全
常用 html 标签大全
HTML 是一种规范，一种标准，它通过标记符号来标记要显示的网页中 的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记 符，欢迎大家在这里学习 html 标签大全!这里是我们给大家整理出来的精彩 内容。 基本 ;…; 定义 HTML 文档
;…; 文档的信息 ; ;…; ; HTML 文档的元信息 文档的标题 文档与外部资源的关系
无序列表 有序列表 列表项目
定义文本字体尺寸、颜色、大小 下标 上标 换行 段落
水平线
;…; 定义表格 ;…; ;…; ;…; 其它 ;…; 定义供用户输入的 HTML 表单 ; 定义框架集的窗口或框架 定义表格中的表头单元格 定义表格中的行 定义表格中的单元
好了，html 标签大全内容就给大家介绍到这里了。希望大家学业有成，工 作顺利
;…; 文档的样式信息 ;…; 可见的页面内容 ; 文本 ;...; ;...; 标题字大小（h1~h6） 粗体字 注释
;...; 粗体字(强调) ;...; ;...; ;...; ;...; 斜体字 斜体字(强调) 下划线 删除线(表示删除)
;…; 居中文本
;…; ;…; ;…
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⽂档结构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中的内容是各个参数的变量值；<!--2秒后跳转到对应的⽹址，注意引号--><meta http-equiv="refresh" content="2;URL=https://"> #如果把URL和后⾯的内容去掉，就是2秒钟刷新⼀次，做了解;<!--指定⽂档的编码类型--><meta http-equiv="content-Type" charset=UTF8"><!--告诉IE以最⾼级模式渲染⽂档--><meta http-equiv="x-ua-compatible" content="IE=edge"> #edge是微软的⼀个全新的浏览器,其实就是告诉IE浏览器，你按照最⾼标准来渲染我的页⾯，做了解； 属性：主要⽤于描述⽹页，与之对应的属性值为content，content中的内容主要是便于搜索引擎查找信息和分类信息⽤的；<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"><!-- 关键字，也就是别⼈是可以通过这些关键字搜索到我的这个⽂章的，搜索引擎就是能够这个content内容来帮别⼈搜索到你的这个⽂档的,SEO就是专门做这些搜索优化的；--> <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>,表示该文件为HTML文件<HEAD>,包含文件的标题,使用的脚本,样式定义等<TITLE>---</TITLE>,包含文件的标题,标题出现在浏览器标题栏中</HEAD>,<HEAD>的结束标志<BODY>,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. </BODY>,<BODY>的结束标志</HTML>,<HTML>的结束标志其它主要标签,以下所有标志用在<BODY></BODY>中:<A,HREF="…"></A>,链接标志,"…"为链接的文件地址<IMG,SRC="…">,显示图片标志,"…"为图片的地址<BR>,换行标志<P>,分段标志<B></B>,采用黑体字<I></I>,采用斜体字<HR>,水平画线<TABLE></TABLE>,定义表格,HTML中重要的标志<TR></TR>,定义表格的行,用在<TABLE></TABLE>中<TD></TD>,定义表格的单元格,用在<TR></TR>中<FONT></FONT>,字体样式标志属性:属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色.引用属性的例子:<BODY,bgcolor="BLACK"></BODY>表示页面背景色为黑色;<TABLE,bgcolor="BLACK"></TABLE>表示表格背景色为黑色.常用属性:对齐属性,范围属性:ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.ALIGN=RIGHT,右对齐.色彩属性:COLOR=#RRGGBB,前景色,参考色彩对照表.BGCOLOR=#RRGGBB,背景色.<center>表示绝对居中.<table></table>表格标识的开始和结束.属性:cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口=百分比,定义表格宽度background=图片链接地址,定义表格背景图<tr></tr>表格中一个表格行的开始和结束;<td></td>表格中行内一个单元格的开始和结束属性:Colspan="",单元格跨越多列;Rowspan="",单元格跨越多行;Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="";Border="",边框宽度;Bgcolor="",背景色;Bordercolor="",边框颜色;Bordercolorlight="",边框明亮面的颜色;Bordercolordark="",边框暗淡面的颜色;Cellpadding="",内容与边框的距离(默认为2);Cellspacing="",单元格间的距离(默认为2);<br>强制换行<font></font>文本标识的开始和结束属性:face=字体color=颜色<b></b>加粗文字标识的开始和结束属性:style=font-size:40pt;,用样式表方式控制字体大小,这里是40点<div></div>,分区标识的开始和结束属性:align=|center|left|right|水平对齐方式<marquee></marquee>动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动属性:scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒<P>段落标识,空格符,<img>贴图标识属性:src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2);filter:样式表滤镜;Alpha:透明滤镜,opacity:不透明度100(0~100);style:样式2(0~3),rules="none"不显示内框"<embed,src="…">多媒体文件标识属性:SRC="../../FILENAME",设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频.AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false 为播放一次即停止.STARTIME="分:秒",设定乐曲的开始播放时间,如20秒后播放写为STARTIME=00:20VOLUME=0-100,设定音量的大小.如果没设定的话,就用系统的音量.WIDTH,HEIGHT,设定控制面板的大小,都设为0可隐藏播放器HIDDEN=TRUE,隐藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE,设定控制面板的样子,<bgsound,src="…">,背景音乐标识,只能用于.wav和.mp3格式.属性:LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false 为播放一次即停止.表单标签:<form></form>表格标识的开始和结束,表单的内容都放在这里.下边的标签放在表单内:<select>下拉选择框<option></option></select>属性:Multiple,多选<textarea></textarea>,大量文字输入的编辑块属性:Cols="",行;Rows="",列;<input,type="text">,文本框<input,type="password">,密码框<input,type="submit">,提交按扭<input,type="checkbox">,复选框<input,type="radio">,单选框<input,type="reset">,重置按扭<input,type="image">,图片按扭<input,type="hidden">,隐藏域<input,type="button">,按扭<input,type="file">,浏览文件公共属性:Name="";Value=""Size=""value框架标签:<FRAMESET>...</FRAMESET>,定义框架.<FRAME>,放在框架标签内,定义每个框架的内容.属性:Cols=""Rows=""Frameborder=""Framespacing=""src=""Scrolling="",滚动条(No,Yes);Noresize,框加大小不可变;Marginhight="",高度空余空间;Marginwidth="",宽度空余空间;Target="",目标框架.其他标签:<bgsound>,背景音乐;Src=""Loop="",循环次数;<embed>,媒体播放块;Src=""Loop="",循环次数;<marquee></marquee>,滚动部分;属性:Bgcolor=""Behavior,设置或获取文本如何在字幕中滚动.Direction="",滚动方向;Height=""Width=""Loop="",环次数;scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数. scrollDelay="",设置或获取字幕滚动的速度.scrollHeight="",获取对象的滚动高度;scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount 属性计算,已过的实际时间来自于时钟计时.<!--...-->,注释标记,在"<!--"与"-->"之间的内容将不在浏览器中显示.--基本标签:<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>,定义列表内容;例:<dl><dt>标题1</dt><dd>内容11</dd><dd>内容12</dd><dt>标题2</dt><dd>内容21</dd><dd>内容22</dd></dl><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="">,设置表格的宽度.用绝对像素值或总宽度的百分比;<table,align="">,设置表格格子的水平对齐方式(left,center,right,justify);<tr,align="">,设置表格格子的水平对齐方式(left,center,right,justify); <tr,valign="">,设置表格格子的垂直对齐方式(baseline,bottom,middle,top); <td,colspan="">,设置一个表格格子跨占的列数(缺省值为1);<td,rowspan="">,设置一个表格格子跨占的行数(缺省值为1);<td,nowrap>,禁止表格格子内的内容自动断行;<CAPTION></CAPTION>,表格的标题;<COLGROUP></COLGROUP>,定义多个列为一组列;<TABLE></TABLE>,创建一个表格;<THEAD></THEAD>,定义表格的页眉;<COL>,定义一个列组中的列，以便对它们能够同时设置有关属性;<TBODY></TBODY>,定义一个表格的实体;<TFOOT></TFOOT>,定义一个表格的页脚;表单标签:<form></form>,创建表单;action="...",接收数据的服务器的URL;method="...",HTTP的方法(get,,post),其中get是被反对使用的;enctype="...",指定MIME(Internet媒体类型);onsubmit="...",当提交表单时发生的内部事件;noreset="...",在重新设置表单时发生的内部事件;target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)<select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目;<option>,设置每个表单项的内容;<select,name="name"></select>,创建下拉菜单;<textarea,name="name",cols=40,rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度;<input,type="checkbox",name="name">,创建一个复选框,文字在标签后面;<input,type="radio",name="name",value="">,创建一个单选框,文字在标志后面;<input,type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度;<input,type="submit",value="name">,创建提交(submit)按钮;<input,type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮;<input,type="reset">,创建重置(reset)按钮;<BUTTON></BUTTON>,创建一个按钮;disabled="...",把按钮的状态设置为不能;name="...",按钮的控制名,value="...",按钮的值;type="...",按钮的类型(button,,submit,,reset);<FIELDSET></FIELDSET>,把相互关联的控件组合成一组;<ISINDEX>,提示用户输入;<LABEL></LABEL>,为一个控件提供标签;<LEGEND></LEGEND>,为FIELDSET元素指定一标题;<SELECT></SELECT>,为用户做选择创建各个选项;<TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域.表单标签注解:type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button); name="...",控件的控制名(要求是除了submit和reset之外的任何名字); value="...",控件的初始值;checked="...",把一个单选钮设置为选中的状态;disabled="...",把控件的状态设置为不能使用;readonly="...",只对输入密码的文本框使用;size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目;src="...",一个图像控件的URL;maxlength="...",指定可以输入的最多的字符数目;alt="...",另外一种文本描述;usemap="...",到客户端图形镜像的URL;align="...",被反对.控制对齐方式(left,,center,,right,,justify); tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序; onfocus="...",当元素获得焦点时发生的事件;onblur="...",当元素失去焦点时发生的事件;onselect="...",当元素被选中时发生的事件;onchang="...",当元素状态被改变时发生的事件;accept="...",允许上载的文件类型.帧标签(框架标签):<frameset></frameset>,放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中;<frameset,rows="value,value">,定义一个帧内的行数,可用像素值或高度百分比;<frameset,cols="value,value">,定义一个帧内的列数,可用像素值或宽度百分比;<frame>,定义一个帧内的单一窗或窗区域;<noframes></noframes>,定义在不支持帧的浏览器中显示什么提示;<frame,src="URL">,规定帧内显示的HTML文档;<frame,name="name">,命名帧或区域以便别的帧可以指向它;<frame,marginwidth="">,定义帧左右边缘的空白大小,必须大于等于1;<frame,marginheight="">,定义帧上下边缘的空白大小,必须大于等于1;<frame,scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto"; <frame,noresize>,禁止用户调整一个帧的大小;<IFRAME></IFRAME>,创建一个内联的帧;scr="...",定义在帧中显示的内容的来源;frameborder="...",定义帧之间的边界(0或1);align="...",被反对,控制对齐方式(left,,center,,right,,justify);height="...",帧的高度,width="..."帧的宽度;<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>,设定卷动时间;<img,src="">,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".文档整体属性标签:<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="">,设置页面的左边距.div所有属性/DIV各种属性解释div的属性2007-11-22 11:27主要设置如下：overflow（溢出控制）：visible（默认，可见）、auto（自动）、scroll （显示滚动条）；width（宽度）：数值；height（高度）：数值；color（字体颜色）：色彩代码；font-size（字体大小）：数值；line-height（行高）：数值；border（边框）：宽度、类型和颜色，类型主要支持以下几种：none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset；font-weight（字体粗细）：normal、bold、bolder、lighter；font-family（字体类型）：Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆；background（背景颜色）：色彩代码；scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color（滚动条各部分的颜色）：色彩代码；filter:chroma(COLOR=转换成透明的颜色)（chroma过滤器）：色彩代码，该颜色将转换成透明效果；word-break（断字）：normal（默认，正常断字）、keep-all（严格不断字）、break-all（严格断字）；direction（文字方向）：ltr（默认，从左向右）、rtl（从右向左）。
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中各种标签和属性（最基础的基本都有）1、标题标签： h1~h6 ctrl+1~62、段落标签： p ctrl+shift+p3、换⾏标签： br shift+回车4、⽔平线： hr5、加粗标签： strong ctrl+b6、倾斜标签： em ctrl+i7、空格标签： 8、图⽚标签：<img src=’图⽚路径’ alt=’图⽚加载错误提⽰⽂字’ title=’⿏标悬停⽂字’ width=’宽度’ height=’⾼度’ />9、超链接：<a href=’链接路径’ traget=’_blank’>⽂本/图⽚</a>10、锚链接：(1) 定义锚：给标签加id属性，id=”top”(2) 跳转到锚：<a href=”#top”>top</a>11、⾏级标签1.Strong2.Em3.A4.Img12、块级标签1.标题标签2.段落标签Display：inline-block设置元素具有⾏级标签和块级标签的属性.da dl dd p:nth-of-type(1)：当dd下⾯的段落p有好⼏个的时候，你有只想给第⼀个段落p加样式的时候⽤到这个Float：浮动Z-index：层次 z-index：1⽐z-index：2 低⼀层设置div半透明的代码：opacity:0.7；设置div溢出隐藏的代码：overflow:hidden;设置css的动画效果：transition: all 0.5s linear1、linear：规定以相同速度开始⾄结束的过渡效果2、ease：规定慢速开始，然后变快，然后慢速结束的过渡效果3、ease-in：规定以慢速开始的过渡效果4、ease-out：规定以慢速结束的过渡效果5、ease-in-out：规定以慢速开始和结束的过渡效果设置css时图⽚在div中同⽐例放⼤或者同⽐例缩⼩：transform: scale(1.1)第⼆章1、⽆序列表标签： ul li2、有序列表标签： ol li3、定义列表标签： dl dt dd4、表格：(1) Table① Tr ⾏② Td 单元格③ thead标签：表格的表头④ Tbody标签：表格的主体(2) 合并⾏：rowspan(3) 合并列：colspan(4) 表格内部的框合并（双线框变单线框）border-collapse:collapse;5、视频播放(1) Video autoplay⾃动播放 control控制按钮① Sorce src=’视频的地址’1、内联框架(1) Iframe6、⽹页结构(1) 头部：header(2) 主体：section(3) 底部：footer第三章1、表单：<form method=post action=’提交的地址’>表单元素</form>2、表单元素：<input type=’表单元素类型’ name=’名称’ value=’默认值’ />(1) ⽂本框：type=text （⽤户名，编号....）(2) 密码框：type=password（密码）(3) 单选按钮：type = radio（选男还是选⼥）(4) 复选框：type=checkbox（爱好.....）(5) 数字：type=number(6) 电⼦邮箱：type=email(7) ⽹址：type=url(8) ⽂件：type=file（上传头像....）(9) 下拉列表框<select name=’city’><option>济南市</option><option>青岛市</option></select>（像选择城市，选择时间）(10) ⽂本域：<textarea cols=’列’ rows-’⾏’></textarea>（像个⼈简介之类的）(11) 图像按钮：type=image（注册选择的是点击图⽚就⽤到了这个）(12) 提交按钮：type=submit（⽴即注册）(13) 重置按钮：type=reset（重新注册）(14) 想让⽂本框中出现提⽰词语的话⽤这个：placeholder:”请填写正确的密码”；3、表单的⾼级应⽤(1) 只读（readonly="readonly"）(2) 禁⽤（）(3) 表达你的初级验证：placeholder（搜索提⽰）Required（⾮空）Pattern（正则表达式，就是⼿机号必须是11位之类的）第四章1、选择器(1) 标签选择器：直接⽤标签名字命名，不需要调⽤(2) 类选择器：.类名调⽤：class=’类名’(3) ID选择器：#名称调⽤：id=’名称’ id选择器⼀个页⾯只能⽤⼀次(4) 优先级：id>类>标签2、⾼级选择器(1) 层次选择器①后代选择器：E F②⼦选择器：E>F③相邻兄弟选择器：E+F④通⽤兄弟选择器：E~F(2) 结构伪类选择器① E:fist-child 取得第⼀个标签② E:last-child 取得最后⼀个标签③ E:nth-of-type(n) 取得第n个标签(3) 属性选择器① E[attr]:具有attr属性的E标签② E[attr=val]:具有attr属性且值等于val的E标签③ E[attr^=val]: 以val开头的.....④ E[attr$=val]:以val结尾的....⑤ E[attr*=val]：包含val的....第五章1. Color:字体颜⾊2. Font-size：字体⼤⼩3. Font-weight：字体粗细：bold粗，lighter细4. Font-family：字体样式5. Letter-spacing：字间距6. Line-height：⾏间距7. Width：宽度8. Height：⾼度9. Left左10. Right右11. Bottom下12. Top上13. Center中间14. Justify两端对齐15. Backgroun-color：背景颜⾊16. Text-align：⽔平对齐17. Text-indent：⾸⾏缩进18. Border-radius:10px设置边框⾓的弧度19. Text-decoration：none去掉超链接下划线20. Text-decoration：underline加上超链接下划线21. Text-shadow：color x-offset y-offset blur-radius（color阴影颜⾊x-offset沿横向移动y-offset沿纵向移动blur-radius阴影模糊）22. Font-style：italic倾斜23. Vertical-align:middle当图⽚和字⼀起，让字在图⽚的中间对齐时引⽤这个1. Margin：0px去掉外边距2. Padding：0px去掉内边距3. Margin：auto⽹页中的整个元素在⽹页中左右居中4. List-style：none去掉列表默认样式，去掉⼩⿊点5. A:hover⿏标悬停样式6. 背景图像：background-repeat属性 1.repeat：沿⽔平和垂直⽅向平铺2. no-repeat不平铺，只显⽰⼀次3. repeat-x横向平铺4. 3. repeat-x横向平铺4.3. repeat-y纵向平铺（background：url（图⽚） no-repeat 横向纵向）第六章⼀、盒⼦模型：border：边框border-color: #F00; 边框的颜⾊border-width: 10px; 边框的线条⼤⼩border-style 边框的线型边框的线型：solid实线double双实线dotted点线dashed虚线background: linear-gradient(to bottom, #cdcdff, #FFF)*背景颜⾊的渐变to bottom从上往下Border-top：#C0F 1px dotted意思是上边框颜⾊是#c0f 线条的宽度是1px⽤的是点线！⼆、圆：border-radius: 50%;实现圆的效果，三、box-shadow:2px 2px 10px #333; 阴影box-shadow:阴影⽔平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值阴影颜⾊；四、position:relative; /*相对定位*/ 相对于⾃⼰的位置发⽣了偏移，但是原来的位置还是占据！五、Position：absolute； /*绝对定位*/ 相对于⾃⼰的位置发⽣了偏移，但是原来的位置还是不占据！css获取li标签中的第⼏个标签选择器：1.li: first-child表⽰选择列表中的第⼀个标签2.li:last-child表⽰选择列表中的最后⼀个标签3.nth-child(3) 表⽰选择列表中的第3个标签4. nth-child(2n) 这个表⽰选择列表中的偶数标签，即选择第2、第4、第6…… 标签5. nth-child(2n-1) 这个表⽰选择列表中的奇数标签，即选择第1、第3、第5、第7……标签。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
H T M L常用标签大全
Document serial number【UU89WT-UU98YT-UU8CB-UUUT-UUT108】
基础
<!DOCTYPE>? .--> //定义注释。
格式
<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 元素显示的内容。
<rt> //定义 ruby 注释的解释。
<ruby> //定义 ruby 注释。
<s> //不赞成使用。
定义加删除线的文本。
<samp> //定义计算机代码样本。
<small> //定义小号文本。
<strike> //不赞成使用。
定义加删除线文本。
<strong> //定义语气更为强烈的强调文本。
<sup> //定义上标文本。
<sub> //定义下标文本。
<time> //定义日期/时间。
<tt> //定义打字机文本。
<u> //不赞成使用。
定义下划线文本。
<var> //定义文本的变量部分。
<wbr> //定义视频。
表单
<form> //定义供用户输入的 HTML 表单。
<input> //定义输入控件。
<textarea> //定义多行的文本输入控件。
<button> //定义按钮。
<select> //定义选择列表（下拉列表）。
<optgroup> //定义选择列表中相关选项的组合。
<option> //定义选择列表中的选项。
<label> //定义 input 元素的标注。
<fieldset> //定义围绕表单中元素的边框。
<legend> //定义 fieldset 元素的标题。
<isindex> //不赞成使用。
定义与文档相关的可搜索索引。
<datalist> //定义下拉列表。
<keygen> //定义生成密钥。
<output> //定义输出的一些类型。
框架
<frame> //定义框架集的窗口或框架。
<frameset> //定义框架集。
<noframes> //定义针对不支持框架的用户的替代内容。
<iframe> //定义内联框架。
图像
<img> //定义图像。
<map> //定义图像映射。
<area> //定义图像地图内部的区域。
<canvas> //定义图形。
<figcaption> //定义 figure 元素的标题。
<figure> //定义媒介内容的分组，以及它们的标题。
音频/视频
<audio> //定义声音内容。
<source> //定义媒介源。
<track> //定义用在媒体播放器中的文本轨道。
<video> //定义视频。
链接
<a> //定义锚。
<link> //定义文档与外部资源的关系。
<nav> //定义导航链接。
列表
<ul> //定义无序列表。
<ol> //定义有序列表。
<li> //定义列表的项目。
<dir> //不赞成使用。
定义目录列表。
<dl> //定义定义列表。
<dt> //定义定义列表中的项目。
<dd> //定义定义列表中项目的描述。
<menu> //定义命令的菜单/列表。
<menuitem> //定义用户可以从弹出菜单调用的命令/菜单项目。
<command> //定义命令按钮。
表格
<table> //定义表格
<caption> //定义表格标题。
<th> //定义表格中的表头单元格。
<tr> //定义表格中的行。
<td> //定义表格中的单元。
<thead> //定义表格中的表头内容。
<tbody> //定义表格中的主体内容。
<tfoot> //定义表格中的表注内容（脚注）。
<col> //定义表格中一个或多个列的属性值。
<colgroup> //定义表格中供格式化的列组。
样式/节
<style> //定义文档的样式信息。
<div> //定义文档中的节。
<span> //定义文档中的节。
<header> //定义 section 或 page 的页眉。
<footer> //定义 section 或 page 的页脚。
<section> //定义 section。
<article> //定义文章。
<aside> //定义页面内容之外的内容。
<details> //定义元素的细节。
<dialog> //定义对话框或窗口。
<summary> //为 <details> 元素定义可见的标题。
元信息
<head> //定义关于文档的信息。
<meta> //定义关于 HTML 文档的元信息。
<base> //定义页面中所有链接的默认地址或默认目标。
<basefont> //不赞成使用。
定义页面中文本的默认字体、颜色或尺寸。
编程
<script> //定义客户端脚本。
<noscript> //定义针对不支持客户端脚本的用户的替代内容。
<applet> //不赞成使用。
定义嵌入的 applet。
<embed> //为外部应用程序（非 HTML）定义容器。
<object> //定义嵌入的对象。
<param> //定义对象的参数。