常用html
㈠ 介绍几个常用的html5标签
一、Html的基本结构：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8">
<title></title>
</head>
<body>
网页的文本、图片等信息；
</body>
</html>
二、Head部分：用于表示网页的元数据即描述网页的基本信息
其常用标签及属性有：
1、title标签：浏览器标签页显示的标题
2、meta标签：其常用属性
①charset:设置文档的字符集编码格式。HTML5中设置字符集编码：<meta charset="UTF-8">
常见的字符集编码格式：
a.GB-2312:国标码，简体中文
b.GBK：扩展的国标码
c.UTF-8：万国码 Unicode 常用
②http-equiv属性:将我们的信息写给浏览器看，让浏览器按照这里面的要求执行，可选属性值：Content-Type(文档类型)refresh(网页定时刷新)set-cookie(设置浏览器cookie缓存) 需要配合content属性使用。（http-equiv属性只是表明需要设置哪一部分，具体的设置内容，放到content属性中）
③name属性：使用方法同“http-equiv”。将我们的信息写给搜索引擎看
常用且需要掌握的属性值：author（作者）keywords（网页关键字）description（网页描述） 这两个属性设置，网页必不可少。
3、link标签：链接网页图标（title前的小logo），其常用属性有：
①rel属性：声明链接文件的类型，此处选icon
②type属性：可以省略
③href属性：表示图片的路径地址
三、body部分：网页的文本、图片等信息
标签的分类：
块级标签：显示为块，前后隔一行（自动换行）
行级标签：按行从左往右逐一显示。
1、 常见的块级标签：
①<h1></h1>......<h6><h6>：标题标签，自动加粗，h1最大，h6最小。
②<hr/>：水平线标签，添加一条水平线。
③<p></p>:段落标签，
④<br/>:换行标签，
⑤<blockquote/></blockquote>:引用标签，cite属性，表明引用的来源，一般引用网址
浏览器默认首行缩进。
⑥<pre></pre>:预格式标签，用于重载代码。浏览器默认显示样式：1、显示为等宽字体。 2、代码中的换行、
空格等元素能在浏览器中显示。
【补充】html 文件中空格的表示：
2、 基于布局的块级标签
列表：无序列表、有序列表、定义列表
①有序列表：<ol></ol> 列表项：<li></li>
②无序列表：<ul></ul> 列表项：<li></li>
③定义列表（实现图文混排）:<dl></dl>
列表标题：<dt>一般只有一项</dt>
列表描述项：<dd>可以有很多项</dd>
3、组合标签：<figure></figure>用于显示图片及图片标题
他有两个子标签：<img />图片
<figcaption></figcaption>图片的标题
例如：<figure>
<img src="img/EZ.jpg" height="20%" width="20%" alt="探险家"/>
<figcaption>探险家 伊泽瑞尔</figcaption>
</figure>
4、分区标签：<div></div>
5、常见的行级标签
<1>span（文本）:无实际意义，用于包裹某部分文字，修改特定样式，例如：
这是<span style="color: red;font-size: 36px;">span</span>中的文字
img（图片）：其常用属性：①src:表示引用图片的地址。
路径地址的写法：相对路径：以当前文件为最准，去寻找图片地址
a、与文件处于同一层的图片，直接写图片名
b、图片在当前文件下一层：文件名/图片名
c、图片在当前文件上一层：../图片名
绝对路径:file:///盘符：/文件夹/图片名，但 是严禁使用
图片网址：网络上的图片链接，但是一般不用
②height和width：图片的高度和宽度。可以用CSS样式代替
③title：图片标。当鼠标指上之后显示的文字
④alt:当图片无法显示的时候，显示的文字
<2>em（倾斜强调）
<3>strong（加粗强调）
<4>b（加粗）
<5>i（倾斜）
Strong、em、b、i的区别
1、Strong、em都表示强调，Strong为粗体，em为斜体，而Strong的强调 程度逗比em高
2、Strong和b都能加粗，em和i都能倾斜，，但是Strong和em多了一层强调的语义 。H5要求标签尽可能实现语义化。
<6>q（短引用）
<7>small/big（缩小/放大字体）：small和big分别是缩小和扩大字体，都可以多层嵌套直至上限或下限
<8>a（超链接）
1、href:超链接的路径，可以是网络链接，也可以是本地文件。
2、target:跳转页面打开的位置。_self自身页面，_blank新页面。
3、title:鼠标指在超链接上显示的名称。
4、Rel（被链接是当前的前/后一篇）:指定被链接文档与当前文档的关系,搜索引擎 会利用该属性 获取更多的有关链接的信息：
rel="prev"被链接文档是当前文档的前一篇文 档，
rel="next"被链接文档是当前文档的后一篇文档,
rel="icon"被链接文档是当前文档的图标
rel="stylesheet"被链接文档是当前文档的样式表
5、Rev（当前是被链接的前/后一篇）
锚链接：
①本页面锚链接:a、设置锚点：<a name="top"></a>
b、跳转锚点：#name名
①页面间锚链接:a、在即将跳转页面的指定位置设置锚点
b、跳转锚点：页面地址.html#name名
<a href="02_常见的块级标签.html#Hbuilder">页面间锚链接</a><br/>
功能性链接： mailto用于给指定邮箱发送邮件
file：///e:/aaa.png打开本地文件
tencent://message/?uin=1315618220 给指定QQ发送息
<9>s标签，有误文本：删除线
<s>这是S标签中的文字</s><br />
<10>cite标签：浏览器显示为倾斜，常用于书、画作、作品的引用
<cite>这是cite中的文本</cite><br />
<11>code:计算机代码，不保留代码格式
<pre>
<code></code>
</pre>
<12>bdo:表示文本方向，属性：dir="ltr"表示从左往右，dir="rtl"表示从右往左
<bdo dir="rtl">1234567</bdo><br />
kbd:表示需要用户用键盘输入的内容，浏览器显示为等宽字体
请输入“<kbd>Esc</kbd>”推迟系统<br />
<13>sup:上标文本，sub:下标文本
x<sub>6</sub><br />
© &; 空格
© &; 空格 <br />
<14>u:下划线
<u>这是下划线</u><br />
mark:高亮或标记文本，浏览器显示为黄色背景
<mark>mark</mark><br />
㈡ 常用的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，circ
le，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,h
idden,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=""> 设置页面的左边距
㈢ 常用HTML语法有哪些
1、 元素属性值必须包含在双引号中；
<font color=”#000000” size=”3” face=”Arial”>
2、 form 中必须加action属性，并且不能为空。
<form action=”/r/add.cgi” method=”post”>
如果不需要使用action属性，也必须定义：
<form action=”no” >
3、 img的alt属性不可以缺少；
<img src="/q/img/btn_style.gif" border="0" alt="Select”>
4、 head与</head>之间必须有title；
<head>
……
<title>your title </title>
……
</head>
5、 tr、td必须定义在table之间；
6、 button按钮必须定义在form之间，否则netscape不支持；
<form action=”……” method=”post”>
<input type=”button” name=”but” value=”back”>
</form>
7、 在javascript中的字符串中出现的“/”前要用转义符“\”：
<script type=”text/javascript”>
<!—
function check(str) {
var str=”\/r\/add.cgi”;
……
}
-->
</script>
8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup)
mm
9、 用URL传值时直接写&是不可以的，可用&替换：
四、缩近规则：
中,等必须保持严格的缩近规则，以"Tab"键为准：
五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验
HTML元素参考手册表示超链接的起始或目的位置。
acronym
表示取首字母的缩写词。
address
表示特定信息，如地址、签名、作者、文档信息。
applet
在页面上放置可执行内容。
area
定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。
b
指定文本应以粗体显示。（不建议使用）
base
指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。
basefont
设置显示文本时作为默认字体的基础字体值。（不建议使用）
bdo
允许作者为选定文本片断禁用双向法则。
bgsound
使页面能够带有背景声音或配音。
big
指定所含文本要以比当前字体稍大的字体显示。
blockquote
表示文本中的一段引用语。
body
指明文档主体的开始和结束。
br
插入一个换行符。
button
指定一个容器，其中所含的 HTML 会被显示为一个按钮。
caption
表格的标题，对表格的简单描述。
center
将指定文本和图像居中显示。（不建议使用）
cite
用斜体显示标明引文。（不建议使用）
code
表示代码范例。
col
说明基于列的表格缺省属性。
colgroup
说明表格中一列或一组列的缺省属性。
comment
表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。
dd
在定义列表中表示定义。定义通常在定义列表中缩进显示。
del
表示文本已经从文档中删除。
dfn
表示术语的定义。（不建议使用）
dir
表示目录列表。（不建议使用）
div
表示一块可显示 HTML 的区域
dl
表示定义列表。
dt
在定义列表中表示定义术语。
em
强调文本，通常以斜体显示。
embed
允许嵌入任何类型的文档。
fieldset
在字段集包含的文本和其它元素外面画一个方框。
font
用于说明所包含文本的新字体、大小和颜色。
form
说明所包含的控件是某个表单的组成部分。
frame
在 FRAMESET 元素内表示单个框架。
frameset
表示一个框架集，用于组织多个框架和嵌套框架集。
head
提供了关于文档的无序信息集合。
h1-h6
这实际上是6个标签，他们以标题样式显示文本，h1最大，h6最小。
hr
水平线。
html
表明文档包含 HTML 元素。以上来自网络..你可以在网络搜索..HTML然后就会有一个HTML网络.进去你就可以了解到HTML元素的用法
㈣ html中哪些元素比较常用的
<head>~</head>:头标解释
<title>~</title>:文本显示标题
<script>~</script>:插入相应的脚本，可以是VBscript也可以是Javascript
<noscript>~<noscript>:插入禁止保存网站的项
<marquee>~</marquee>:插入移动字符
<a href=...>~〈/a>:插入超链接
<form action=...>~</form>：提交表单
<link href=...插入相关的CSS文件>
<style>~</style>：插入相应的图标，比如鼠标样子图标
<table>~<table>:插入显示HTML的一个表格，需要class和id的属性
<div>~</div>:定义显示文本的位置，需要class和id的属性
<font>~</font>：文字颜色和大小布局
<p>~</p>：文字段
<input />：输入表格属性，一般分为name和password两种。
上面都是些常用的，还有更多的没有列举出来。
参考资料：http://www.gzsums.e.cn/webclass/html/html_design.html
㈤ html常用哪些标签
html中的标签有许多自，但是常用的有以下几个：
<form>：前台向后台提交请求时用到的标签
<a>：超链接，也用于提交请求
<br>：定义简单的折行。
<button>：按钮。一般和事件一起用
<select>：定义选择列表（下拉列表）。
<style>：定义文档的样式信息。
<table><tr><th><td>：一起用，常用于展示数据的格式
其他的也有用到，可以慢慢积累。
㈥ 程序员必须知道的HTML常用代码有哪些
html+css代码
一、文本设置
1、font-size：号大小
2、font-style：字体格式
3、font-weight：字体粗细
4、颜色属性color：文本颜色
二、超链接设置
text-decoration：参数
参数取值范围：
underline：为文字加下划线
overline：为文字加上划线
line-through：为文字加删除线
blink：使文字闪烁
none：不显示上述任何效果
三、背景
1、背景颜色
background-color：设置背景色
2、背景图片
background-image：url(URL)
URL就是背景图片的存放路径，none表示无。
3、背景图片重复
background-repeat：参数
四、背景
repeat：不重复平铺背景图片
repeat-x：使图片只在水平方向上平铺
repeat-y：使图片只在垂直方向上平铺
如果不指定背景图片重复属性，浏览器默认的是背景图片向水平和垂直两个方向平铺。
4、背景图片固定
background-attachment：参数
背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定。
五、参数取值范围：
fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动。
scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动。
六、区块
1、单词间距
word-spacing：单词间距
2、字母间距
letter-spacing：字母间距
3、文本对齐
text-align：参数
七、参数的取值：
left：左对齐
right：右对齐
center：居中对齐
justify：相对左右两端对齐
4、垂直对齐
vertical-align: 参数
top：顶对齐
bottom：底对齐
text-top：相对文本顶对齐
text-bottom：相对文本底对齐
baseline：基准线对齐
middle：中心对齐
sub：以下标的形式显示
super：以上标的形式显示
5、文本缩进
text-indent：缩进距离
12px相当于一个文字距离。
6、空格
white-space：参数
八、参数取值范围：
normal默认，空白会被浏览器忽略、pre保留空白、nowrap文本不换行。
7、显示样式
display：参数
九、参数取值范围：
block：块级元素，在对象前后都换行
inline：在对象前后都不换行
list-item：在对象前后都换行，增加了项目符号
none：无显示
十、方框
1、height高度
2、width宽度
3、padding内边距
4、margin外边距
5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。
6、clear清除浮动
十一、边框
1、样式
border style 参数
边框样式的参数：
none：无边框
dotted：边框为点线
dashed：边框为长短线
solid：边框为实线
double：边框为双线
2、宽度 border width
3、颜色 border color
(6)常用html扩展阅读：
HTML常用代码之修改页面的实用性HTML代码：
贴图：<img src="图片地址">
加入连接：<a href="所要连接的相关地址">写上你想写的字</a>
在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>
移动字体(走马灯)：<marquee>写上你想写的字</marquee>
字体加粗：<b>写上你想写的字</b>
字体斜体：<i>写上你想写的字</i>
字体下划线: <u>写上你想写的字</u>
字体删除线: <s>写上你想写的字</s>
字体加大: <big>写上你想写的字</big>
字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)
更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>
贴flash: <embed src="flash地址" width="宽度" height="高度">
贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
换行：<br>
段落：<p>段落</p>
原始文字样式：<pre>正文</pre>
换帖子背景：<body background="背景图片地址">
固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>
定制帖子背景颜色：<body bgcolor="#value">(value值见10)
帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>
㈦ HTML 最常用的 标签.
这个比较多，给你个 http://m..com/ssid=0/from=2001a/bd_page_type=1/uid=wiaui_1324008806_1789/pu=sz%40224_220%2Cusm%400/w=0_10_HTML+%E6%9C%80%E5%B8%B8%E7%94%A8%E7%9A%84+%E6%A0%87%E7%AD%BE.%3F/t=wap/l=2/tc?ref=www_colorful&tj=www_normal_8_0_10&p=8e6ac64ad1961de608
㈧ html常用标签有哪些
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<body> </body>标记页面正文网页中要显示出来的东东，都应放在这对标签之间
<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 =':100 px'>...</font>；无限增大格式标志标签
<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐
<br>换行 插入换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前，
<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>
㈨ 常用的HTML代码
常用HTML代码解释
一、文字
1.标题文字 <h#>..........</h#> #=1~；h1为最大字，h6为最小字
2.字体变化 <font>..........</font>
【1】字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大
【2】指定字型 <font face="字体名称">..........</font>
【3】文字颜色 <font color=#rrggbb>..........</font>
rr：表红色（red）色码
gg：表绿色（green）色码
bb：表蓝色（blue）色码
rrggbb也可用6位颜色代码数字
3.显示小字体 <small>..........</small>
4.显示大字体 <big>..........</big>
5.粗体字 <b>..........</b>
6.斜体字 <i>..........</i>
7.打字机字体 <tt>..........</tt>
8.底线 <u>..........</u>
9.删除线 <strike>..........</strike>
10.下标字 <sub>..........</sub>
11.上标字 <sup>..........</sup>
12.文字闪烁效果 <blink>..........</blink>
13.换行（也称回车） <br>
14.分段 <p>
15.文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.分隔线 <hr>
【1】分隔线的粗细 <hr size=点数>
【2】分隔线的宽度 <hr size=点数或百分比>
【3】分隔线对齐方向 <hr align="#">
#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
【4】分隔线的颜色 <hr color=#rrggbb>
【5】实心分隔线 <hr noshade>
17.居中对齐 <center>..........</center>
18.依原始样式显示 <pre>..........</pre>
19.<body>指令的属性
【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>
【2】背景图案 -- background <body background="图形文件名">
【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>
【4】文件内容文字的颜色 -- text <body text=#rrggbb>
【5】超连结文字颜色 -- link <body link=#rrggbb>
【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>
【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>
20.文字移动指令<MARQUEE>..........</MARQUEE>
移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
移动方向指令是：direction=# up向上、down向下、left向左、right向右。
指令举例：<MARQUEE scrollAmount=3 direction=up>..........</MARQUEE>
二、图片
1.插入图片 <img src="图形文件名">
2.设定图框 -- border <img src="图形文件名" border=点数>
3.设定图形大小 -- width、height <img src="图形文件名" width=宽度点数 height=高度点数>
4.设定图形上下左右留空 -- vspace、hspace <img src="图形文件名" vspace=上下留空点数 hspace=左右留空点数>
5.图形附注 <img src="图形文件名" alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名"> P.S.两个图的图形大小最好一致;
7.影像地图（Image Map） <img src="图形文件名" usemap="#图的名称"> <map name="图的名称">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL">
<area shape=形状 coords=区域座标列表 href="连结点之URL"> </map>
【1】定义形状 -- shape
shape=rect：矩形 shape=circle：圆形 shape=poly：多边形
【2】定义区域 -- coords
a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标
例：<area shape=rect coords=100,50,200,75 href="URL">
b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度
例：<area shape=circle coords=85,155,30 href="URL">
c.任意图形（多边形）：将图形之每一转折点座标依序填入
例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL"
三、表格相关
1.表格标题
<caption>..........</caption>
表格标题位置 -- align
<caption align="#"> #号可为 top：表标题置于表格上方（预设值）
bottom：表标题置于表格下方
2.定义列 <tr>
3.定义栏位 《1》<td>：靠左对齐
《2》<th>：靠中对齐ⅱ粗体
【1】水平位置 -- align <th align="#">
#号可为 left：向左对齐 center：向中对齐 right：向右对齐
【2】垂直位置 -- align <th align="#"> #号可为
top：向上对齐 middle：向中对齐 bottom：向下对齐
【3】栏位宽度 -- width <th width=点数或百分比>
【4】栏位垂直合并 -- rowspan <th rowspan=欲合并栏位数>
【5】栏位横向合并 -- colspan <th colspan=欲合并栏位数>
四、表格的主要属性
1. <table>标记的主要属性
align定义表格的对齐方式，有三个属性值center，left，right
background定义表格的背景图案，属性值为图片的地址
bgcolor定义表格的背景颜色，属性值是各种颜色代码
border定义表格的边框宽度，属性值是数字
bordercolor定义表格边框的颜色，属性值是各种颜色代码
cellpadding定义单元格内容与单元格边框之间的距离，属性值是数字
cellspacing定义表格中单元格之间的距离
height定义表格的高度，属性值是数字
width定义表格的宽度，属性值是数字
2. <tr>标记，表格是由多行与多列组成的，<tr>标记用来定义表格的一行，他的属性极其属性值定义的是表格中的该行，其主要属性与属性值如下：
align定义对齐方式，属性值与上同
background定义背景图案 bgcolor定义背景色
3. <td>标记。用<td>标记概况起来的内容表示表格的单元。其主要属性与属性值和<table>标记的一样，补充两个合并列和行的代码：
colspan定义合并表格的列数，属性值是数字
rowspan定义合并表格的行数，属性值是数字
五、FRAME
1、分割视窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #号可为点数：
如欲分割为100,200,300三个视窗，则<frameset rows=100,200,300>；
亦可以*号代表，如<frameset rows=*,500,*>
百分比：如<frameset rows=30%,70%>，各项总和最好为100%;
【2】水平（左右）分割 -- cols <frameset cols=点数或百分比>
2、指定视窗内容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定视窗的文件名称 -- src <frame src=HTML档名>
【2】定义视窗的名称 -- name
<frame name=视窗名称>
【3】设定文件与上下边框的距离 -- marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离 -- marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴 -- scrolling
<frame scrolling=#> #号可为 yes：固定出现卷轴
no：不出现卷轴
auto：自动判断文件大小需不需要卷轴（预设值）
【6】锁住分割视窗的大小 -- noresize <frame noresize>
六、歌曲代码:
在这组代码中，不必管它是mms.http.rtsp，只要看尾缀是asf、wma、wmv、wmv、rm都可适用下面的代码:
1. 手动播放:
<EMBED src=歌曲地址 volume="100" width=39 height=18 hidden="FALSE" autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton">
2. 打开页面自动播放:
<EMBED src="歌曲地址" width="39" height="18" autostart="true" hidden="false" loop="infinite" align="middle" volume="100" type="audio/x-pn-realaudio-plugin" controls="PlayButton" autostart="true">
------------------------------------------------------------------
套用代码:
<div align="center">
<table border="1" width="90%" height="403" background="背景图片地址">
<tr><td width="80%" height="100%">
<p align="center"><br><br><br>
<font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center"><img src="图片地址"><br><br>
<font color="#FFFFFF" size=3>介绍文字</font><br><br><br>
<EMBED style="FILTER: xray()" src=音乐地址 width=250 height=30 type=audio/x-ms-wma autostart="true" loop="-1"><br><br><br>
</td></tr>
</table>
</div>
简易套用代码详解:
<div align="center">是定义帖子居中;
<table border="1" width="90%" height="403" background="背景图片地址"><tr><td width="80%" height="100%">
这其中的border="1"是定义表格边线的宽度,定义为0则无边线;width="90%" height="403"分别定义背景图表格的宽度和高度.如果背景图是一张大图,可以这样定义:width=图片宽度 height=图片高度
<p align="center"><br><br><br><font face="华文彩云" size="6" color="#FFFFFF">歌曲或音乐名称</font><br><br>
<p align="center">是定义文字居中的，<br>是回行代码，加几个就会空几行。<font face="华文彩云" size="6" color="#FFFFFF">是定义文字属性的。face="华文彩云"是定义字体，你可以把字体换成隶书、宋体等。size="6"是定义字号的，数字越大字越大，如果不定义，默认是2号字。color="#FFFFFF"是定义字体颜色的。全部字体颜色的代码在妙手饰图区有人发过，你可以找来改。
<p align="center"><img src="图片地址"><br><br><font color="#FFFFFF">介绍文字</font><br><br><br>
第一个括号里的代码仍然是定义图片和文字居中的。<img src="图片地址">是插入图片代码。<font color="#FFFFFF" size=3>介绍文字</font>是定义这段文字的。如果想改变字拧⒆痔濉⒆值难丈
㈩ 最常用的html语句
加入音乐代码1
<bgsound src="音乐地址" loop="-1">
此代码为加入背景音乐，其中loop="-1"为无限次循环
加入音乐代码2
<embed src="音乐地址" hidden>
此代码为插入音乐，hidden为隐藏
加入透明Flash代码
<embed src="Flash地址"; width="400" height="300" quality="high" wmode="transparent" align="right" style="position: absolute; left:0; top:0">
此代码为插入透明flash代码，其中 width="" 为flash的宽，height="" 为 flas的高，left: 为从左向右移的位置，top: 为从上向下移的位置
让背景图不滚动
<Body Background="图片地址" bgproperties="fixed">
此代码可以让背景固定不走
网页无法另存为
<noscript><iframe src="/*>";</iframe></noscript>
此代码可以让他人无法另存为，以此保护自己的网页文件
禁止右键
<body oncontextmenu="return false">
此代码可以让人无法使用右键
禁止左右键
<body oncontextmenu="return false" onselectstart="return false">
此代码可让人无法使用左右键，从而保护网页文件
过度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
此代码可以在链接其它页面的时候产生一种过度的特效，Duration 的值为网页动态过渡的时间，单位为秒。 Transition 是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表： 0 盒状收缩 1 盒状放射 2 圆形收缩 3 圆形放射 4 由下往上 5 由上往下 6 从左至右 7 从右至左 8 垂直百叶窗 9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗 12 随意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向上下两端展开 17 从右上角向左下角展开 18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开 21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式
网页跳转
<meta http-equiv="refresh" content="3;rul=跳转的网页">
此代码可以让网页在一定的时间内，跳转到另外一个网页上，其中content=" 为跳转前停暂的秒数，rul= 为跳转的网址
进入网页弹出信息框
<body onLoad= alert("你好")>
此代码可以让你一进入网页就会弹出一个信息框，""内可以填写你要弹出的信息
退出网页弹出信息框
<body onUnload= alert("再见")>
此代码可以让你退出网页时就会弹出一个信息框，""内可以填写你要弹出的信息
（以上内容转自沉默的主页，多从网上搜集，版权归原创者所有）