HTML标签:
<html lang="en">/*告诉搜索引擎爬虫,
我们的网站是关于什么内容的,en:代表英文*/
</html>
<meta content="这是一个衣服" name="description">/*SEO技术*/
<meta content="服装" name="keywords">
<del></del>:划到原来的内容
<address></address>:地址标签
<div></div>:快级标签
<span></span>:化为整体
<bdo></bdo>:定义文本排序显示方向,必须要与其属性值dir一起使用。
取值为ltr,则文本从左向右书写,若取值为rtl,则文本从右向左显示
。
<blockquote></blockquote>:定义大块内容引用
border属性:定义边框线,例:border:3px solid green;
padding属性:定义内间距 例:padding:10px;
<cite></cite>:
定义用法:<cite>标签通常表示它所包含的文本对某个参考文献的
引用,比如书籍或者杂志的标题,被引用部分将 以斜
体显示,一般包含在<a>标签内。
<pre></pre>:被包围在<pre>标签元素中的文本通常会保留空格和
换行。而文本也会呈现为等宽字体。
<code></code>:将文本变成等宽字体;暗示这段文本是源程序代码,
浏览器可以做出自己的样式处理,而<pre>则没有这
向功能。
<ins></ins>:定义已经被插入文档中的文本,一般与<del></del>一
起使用,表示文本的更新和修正。
<dfn></dfn>:标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示<dfn>中的文本。将来,
<dfn>还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<dfn>标
签尽量少用为秒。作为一种通用样式,尤其在技术文档中,
当第一次新的术语时,应该将它们与普通文本分开,而从哪
以后就不需要在用任何标记了。
<hr />标签:分隔线(横向分隔线)
<br />标签:换行
<strong></strong>标签:加粗
<b></b>标签:加粗
<i></i>标签:斜体效果
<em></em>标签:表示强调,显示效果为斜体。
<u></u>:下划线
<kbd></kbd>标签:定义键盘文本。它表示文本是从键盘上键入的。其
经常用在与计算机相关的文档或手册中。
<mark></mark>标签:将“标签内容”以高亮显示的方式突出那些要
在视觉上向用户说明其重要性的文字内容。mark元
素当前比较常见的用法,就是在搜索结果中以高亮的
视觉效果标示用户所指定的关键词。
<p></p>标签:段落标签,带有自动换行功能。自成一段。
<div></div>标签:一个容器,可称为块。
<q></q>标签:分离文本中的引语,定义一个引用。表现形式为双引号。
常用cite将引用来源标注清楚。
<:小于号或显示标记(左尖括号)
>:大于号或显示标记(右尖括号)
&:可用于显示其他特殊字符
":引号
®:已注册
©:版权
&trade:商标
&ensp:半个空白位
&emsp:一个空位白
 :不断行的空白
<ruby></ruby>标签:定义ruby注释
<rp></rp>标签:定义若浏览器不支持ruby元素显示的内容。
<rt></rt>标签:定义ruby注释的解释,如:<rt>hua zi</rt>
<table></table>标签:定义HTML表格
<tr></tr>标签:定义表格的行
<td></td>标签:定义表格中的列
表格属性:
border:边框宽度
rowspan:纵向合并
colspan:横向合并
<caption></caption>标签:指定表格外面正上方的标题。需写
在<table></table>标签的内部方可。
caption-side属性:定义caption内容的上下位置。
<th></th>标签:定义表格中的表头单元格,字体加粗。
cellpadding属性:指定表格单元格内文字距边框的距离
cellspacing属性:指定单元格之间的距离。
<col></col>标签:规定了<colgroup></colgroup>元素内部的每
一列的列属性。widthing规定了每一列的宽度。
span属性:规定<col><col>应该横跨的列数。
valign属性:设置垂直对齐方式。
align属性:设置水平对齐方式。
border-collapse属性:设置表格的边框是否被合并为一个单一的
边框,还是在HTML中分开显示,效果为颜色填充完
整个表格。
属性值:
separate:默认值,边框会被分开。不会忽略
border-sapcing和empty-cells属性
inherit:规定应该从父元素继承border-collapse属性的值。
collapse:如果可能,边框会合并为一个单一的边框,会忽
略 border-sapcing和empty-cells属性
empty-cells属性:设置是否显示表格中的空单元格。
border-spacing属性:设置表格单元格之间的距离。
cellspacing属性的区别为:border-spacing属性为CSS属性。
而cellspacing属性为HTML属性,在应用行内样式时,
border-spacing属性应该放在style属性内。
align属性:设置水平方向的对齐方式。
valign属性:设置垂直方向的对齐方式。
<samp></samp>标签:定义计算机代码样本。
如:<samp>Http 403 禁止</samp>
<small></small>标签:定义小号文本。
<sub></sub>标签:定义下标文本。如化学式当中的下角数字
<sup></sup>标签:定义上标文本。如数学表达式中的指数。
<time></time>标签:定义时间/日期。
<var></var>标签:定义变量。
<frameset></frameset>标签:HTML5不支持此标签,但有些浏览器
还是支持的,此标签定义一个框架,其被用来组织一个或多个
<frame>元素。每个frame有各自独立的文档。
<frame></frame>标签:用于在框架集<frameset>里定义一个窗格(
框架)。每个窗格都可以具有不同的属性,比如边框、滚动条
、可否调整大小等。
注:为了让包含框架的页面符合W3C标准,需将文档类型设置为
"Frameset DTD"。
要点:如果使用了<frameset></frameset>标签,就不能再使
用<body></body>标签!反之亦然。它们不能同时使用。
不过,假如你为不支持框架的浏览器定义了<noframes>
</noframes>的话,那么在<noframes></noframes>标
签之间,你需要将内容放在<body></body>标签里。
rows属性:rows属性规定<frameset>中行的尺寸和数量,
frameborder属性:设置是否显示边框。
<noframes><noframes>标签:可为那些不支持框架的浏览器显示文本
。noframes标签位于frameset元素内部。
name属性:用于在JavaScript中引用元素,或者作为连接的目标。
&diams:方片
大方片:Ctrl+Shift+Z;搜狗输入法特殊字符。◆
<object></object>标签:调用对象,定义一个嵌入的对象,请使用此
元素向您的XHTML页面添加多媒体。此元素允许您规定插入
HTML文档中的对象的数据和参数,以及可用来显示和操作数
据的代码。
用法示例:<object data="img/P1050373.JPG"
type="image/jpeg" width="400" height="300">
花的图片</object>
a:visited:表示点击过后的颜色的选择器
a:hover:鼠标浮动在上面的颜色的选择器
a:link:正常情况下默认的颜色选择器。
a标签的id属性值通常用于定义快速定位如:
<a href="#name">*****</a>
则定位的id部分应该写为:
<a id="name"></a>
<base>标签及其href属性:规定页面上的所有的相对链接访问的默认
URL或默认目标。在一个文档中,最多能使用一个<base>标签
,请把<base>标签排在<head></head>元素中第一个元素的
位置,这样head区域中其他元素就可以使用<base>元素中的信
息了。如果使用此标签,则必须具有href或者target属性或者两
者都具备。
target属性:指定所链接的页面在浏览器中的打开方式,其值主要有以下
几种:
_blank:在新浏览器窗口中打开链接文件。
_parent:将链接的文件载入含有该链接框架的父框架集或父窗
口中
_self:在同一框架或窗口中打开所链接的文档
_top:在当前的整个浏览器窗口中打开所链接的文档,因而会删
除所有框架
a:active:用来定义超链接被鼠标点击时的颜色。
a:visited:用来定义被访问过的颜色
a:hover:用来定义鼠标悬浮于超链接上时的颜色。
<link />标签:是用来与外部文件建立链接。例如:
引入外部CSS样式表:
<link href="style.css" type="text/css" rel="stylesheet" />
href属性:用来指定文件路径
charset属性:规定了被链接文档的字符编码方式,在HTML5中已
被淘汰。
hreflang属性:规定被链接文档的语言,如:hreflang="zh"代表是
个中文网站。
type属性:指定所链接文档的MIME类型,CSS的MIME类型是
type/css,
media属性:媒体类型,设定被链接文档将显示在什么设备上。
属性值有{screen,tty,tv,projection,handheld,print,braille
,aural,all}。
rel属性:规定链接类型,值当前文档与被链接文档之间的关系。
属性值:Alternate,appendix,bookmark,chapter,contents,
copyright,glossary,help,home,index,next,prev,section,start,
stylesheet,subsection
rev属性:指定被链接文档与当前文档之间的关系,在html5中已被
淘汰。属性值与上面相同。
<caption></caption>标签:指定表格外面正上方的标题。
<textarea><textarea>标签:定义一个文本区域 (text-area) (一个多
行的文本输入区域)。用户可在此文本区域中写文本。在一个文
本区中,您可输入无限数量的文本。文本区中的默认字体是等宽
字体 (fixed pitch)。
cols属性:规定文本区域内可见的列数。
rows属性:规定文本区域内可见的行数。
name属性:为此文本区规定一个名称。
<button></button>标签:<button> 标签定义按钮。您可以在
button 元素中放置内容,比如文档或图像。这是该元素与由
input 元素创建的按钮的不同之处。
name属性:为按钮规定唯一的名称。
type属性:定义按钮的类型。
value属性:为按钮规定初始值,该值可通过脚本改变。
onClick事件属性:例子:onClick="所调用函数等"
<form><form>标签:创建供用户输入的表单。
action属性:定义一个 URL。当点击提交按钮时,向这个 URL 发送数
据。
多选框示例:
<input type="search" name="search" list="yuYan" />
<input type="submit" value="搜索" />
<datalist id="yuYan">
<option value="">*****</option>
.......
<option value="">*****</option>
</datalist>