下载文档原格式
H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> （放在档案的开头与结尾）2.文件主题 <TITLE></TITLE> （必须放在「文头」区块内）3.文头 <HEAD></HEAD> （描述性资料，像是「主题」）4.文体 <BODY></BODY> （文件本体）5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）8.强调 <EM></EM> （通常会以斜体显示）9.特别强调 <STRONG></STRONG> （通常会以加粗显示）10 引文 <CITE></CITE> （通常会以斜体显示）11 码 <CODE></CODE> （显示原始码之用）12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> （文字与图片都可以）16 基本字体大小 <BASEFONT SIZE=> （从 1 到 7; 内定为 3）17 说明 <!—说明内容 --> （浏览器不会显示）18 贴图：<img src="图片地址">19 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯)：<marquee>写上你想写的字</marquee>22 字体加粗：<b>写上你想写的字</b>23 字体斜体：<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大，h5 最小)28 更改字体颜色：<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行：<br>33 段落：<p>段落</p> 34 原始文字样式：<pre>正文</pre>35 换帖子背景：<body background="背景图片地址">36 固定帖子背景不随滚动条滚动：<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色：<body bgcolor="#value">(value 值见 10)38 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>39 贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:＜font size="2"＞这里放要处理的文字，可用 3、4、5 等设置大小＜/font＞41 字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成 blue,yellow 等＜/font＞，也可以使用十六进制数字表示如#D5A9C442 文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞43 背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound ＞44 图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞45 浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞这只是文章的一部分，想要了解更多，请到本网站来找您需要的信息{。
一、HTML各种命令的代码：1、文本标签(命令)<pre></pre> 创建预格式化文本<h1></h1> 创建最大的标题<h6></h6> 创建最小的标题<b></b> 创建黑体字<i></i> 创建斜体字<tt></tt> 创建打字机风格的字体<cite></cite> 创建一个引用,通常是斜体<em></em> 加重一个单词（通常是斜体加黑体）<strong></strong> 加重一个单词（通常是斜体加黑体）<font size=?></font> 设置字体大小，从1 到7<font color=?></font> 设置字体的颜色,使用名字或十六进制值2、图形(命令) <img src="name"> 添加一个图像<img src="name" align=?> 排列对齐一个图像:左中右或上中下<img src="name" border=?> 设置围绕一个图像的边框的大小<hr> 加入一条水平线<hr size=?> 设置水平线的大小（高度）<hr width=?> 设置水平线的宽度（百分比或绝对像素点）<hr noshade> 创建一个没有阴影的水平线3、链接(命令)<a href="URL"></a> 创建一个超链接<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接<a name="NAME"></a> 创建一个位于文档内部的靶位<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接4、格式排版(命令)<p> 创建一个新的段落<p align=?> 将段落按左、中、右对齐<br> 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 创建一个定义列表<dt> 放在每个定义术语词之前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<li> 放在每个数字列表项之前，并加上一个数字<ul></ul> 创建一个标有圆点的列表<li> 放在每个圆点列表项之前，并加上一个圆点<div align=?> 一个用来排版大块HTML 段落的标签，也用于格式化表二、HTML基本语法文件格式<html></html>(文件的开头与结尾)主题<title></title>(放在文件的开头)文头区段<head></head>(描述文件的信息)内文区段<body></body>(放此文件的内容)标题<h?></h>(?=1~6,改变标题字的大小)标题对齐<h align=right,left,center></h>字加大<big></big>字变小<small></small>粗体字<b></b>斜体字<i></i>底线字<u></u>上标字<sup></sup>下标字<sub></sub>居中<center></center>居左<left> </left>居右<right> </right>基本字体大小<basefont size>(取值范围从1到7，默认值为3) 改变字体大小<font size=?></font>(?=1~7)字体颜色<font color=#rrggbb></font>(RGB色码)指定字型<font face=?></font>(?=宋体，楷体等)网址链结<a href="URL"></a>设定锚点<a name="?"></a>(?以容易记为原则)链结到锚点<a href="#?"></a>(同一份文件)<a href="URL#?"></A>(锚点不同文件)显示图形<img src="URL"></a>图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)图形取代文字<img src="URL"alt=?>(无法显示图形时用)图形尺寸<img src="URL" width=? height=?>(?以像素为单位)连结图形边线<img src="URL"border=?>(?以像素为单位)图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)段落<p></p>断行<br></br>横线<hr>横线厚度<hr size=?>(?以像素为单位)横线长度<hr width=?>(?以像素为单位)横线长度<hr width=?%>(?与页宽相比较)实横线<hr noshade>(无立体效果)背景图案<body background=图形文件名>(图形文件格式为gif和jpg)背景颜色<body bgcolor=#rrggbb>(RGB色码)背景文字颜色<body text=#rrggbb>(RGB色码)未链结点颜色<body link=#rrggbb>(RGB色码)已链结点颜色<body vlink=#rrggbb>(RGB色码)正在链结点颜色<body alink=#rrggbb(RGB色码)三、具体在做html文件前,我们还有哪些需要做的：1、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。
HTML代码大全HTML代码不区分大小写，HTML代码都是成对出现。
｛开头<html>结尾</html>｝｛存放头部信息元素<head></head>｝｛主题区域<body></body>｝｛标题<title><title>｝｛加粗字体<B>倾斜<I>｝｛<a HREF=“网址”>链接文字</a>｝｛<meta name=“(1)”content=“（2）”>｝｛（1）keywords 关键字原信息description 描述author 作者｝｛（2）content 页面关键字content 网页的说明content 指定作者｝｛网页语言<meta http-equiv=“content-type”content=“text/html”；charset(设置语言)=“GB2312”（语言代码）>｝｛网页跳转<meta http-equiv=“refresh”content=“刷新时间（秒）；链接网址”｝【BODY代码介绍】【背景颜色bgcolor=“十六进制颜色”】【背景色background=“图片地址”】【文字颜色text=“十六进制颜色”】【没有访问的超链接颜色link=“十六进制颜色”】【访问过的超链接颜色vlink=“十六进制颜色”】【访问中的超链接颜色alink=“十六进制颜色”】【边框距离上边距topmargin=“像素”左边距leftmargin=“像素”（都为整数值）】【绝对路径与相对路径】【相对路径background=“图片说在文件夹/名称”】【绝对路径background=“某盘/某文件夹/图片名称”】【标题文字】【标题对齐align=“”左对齐left 右对齐right 居中对齐center】【文本标记font】【字体face=“”直接输入样式】【字体大小size=“”1-7大小-4 +4是3的放大小】【文字颜色color=“十六进制颜色”】【文本格式】【上标<sup> 下标<sub>】【a<sup>2=a的2次方】【段落标签】【单一显示<P>】【换行<br> 禁止换行<nobr>】【水平线<hr> 现在最后】【水平线设置高度size=“”宽度width=“”颜色color=“”对齐align=“”去掉阴影noshade（像素）】【特殊符号】【图像】。
最全Html代码⼤全,学习必备资料⼀、⽂字1.标题⽂字 <h#>..........</h#> #=1~6；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#>标签时会⾃动设回预设的向左对齐。
HTML标签代码大全(CSS前端开发者的宝藏)1. 概述2.1 文字标签- `<h1>`到`<h6>`：定义标题1到标题6，按级别递减。
- `<p>`：定义段落。
- `<strong>`：定义加粗的文本。
- `<em>`：定义斜体的文本。
- `<span>`：定义内联元素的文本。
2.2 列表标签- `<ul>`：定义无序列表。
- `<ol>`：定义有序列表。
- `<li>`：定义列表项。
2.3 图像标签- `<img>`：插入图片。
- `<figure>`和`<figcaption>`：定义图片和其标题。
2.4 表格标签- `<table>`：定义表格。
- `<tr>`：定义表格行。
- `<td>`：定义表格数据单元格。
- `<th>`：定义表格标题单元格。
2.5 表单标签- `<form>`：定义表单。
- `<input>`：定义输入字段。
- `<select>`和`<option>`：定义下拉列表。
- `<textarea>`：定义多行文本输入框。
- `<button>`：定义按钮。
2.6 多媒体标签- `<audio>`：插入音频。
- `<video>`：插入视频。
- `<source>`：定义多媒体资源的URL。
2.7 框架标签- `<iframe>`：嵌入其他网页。
3. 总结。
网页h t m l代码大全-CAL-FENGHAI.-(YICAI)-Company One1常用HTML代码解释一、文字1.标题文字 <h#>..........</h#> #=1~6；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 align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
一、HTML各种命令的代码：1、文本标签(命令)<pre></pre> 创建预格式化文本<h1></h1> 创建最大的标题<h6></h6> 创建最小的标题<b></b> 创建黑体字<i></i> 创建斜体字<tt></tt> 创建打字机风格的字体<cite></cite> 创建一个引用,通常是斜体<em></em> 加重一个单词（通常是斜体加黑体）<strong></strong> 加重一个单词（通常是斜体加黑体）<font size=?></font> 设置字体大小，从 1 到 7<font color=?></font> 设置字体的颜色,使用名字或十六进制值2、图形(命令) <img src="name"> 添加一个图像<img src="name" align=?> 排列对齐一个图像:左中右或上中下<img src="name" border=?> 设置围绕一个图像的边框的大小<hr> 加入一条水平线<hr size=?> 设置水平线的大小（高度）<hr width=?> 设置水平线的宽度（百分比或绝对像素点）<hr noshade> 创建一个没有阴影的水平线3、链接(命令)<a href="URL"></a> 创建一个超链接<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接<a name="NAME"></a> 创建一个位于文档内部的靶位<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接4、格式排版(命令)<p> 创建一个新的段落<p align=?> 将段落按左、中、右对齐<br> 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 创建一个定义列表<dt> 放在每个定义术语词之前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<li> 放在每个数字列表项之前，并加上一个数字<ul></ul> 创建一个标有圆点的列表<li> 放在每个圆点列表项之前，并加上一个圆点<div align=?> 一个用来排版大块HTML 段落的标签，也用于格式化表二、HTML基本语法文件格式<html></html>(文件的开头与结尾)主题<title></title>(放在文件的开头)文头区段<head></head>(描述文件的信息)内文区段<body></body>(放此文件的内容)标题<h?></h>(?=1~6,改变标题字的大小)标题对齐<h align=right,left,center></h>字加大<big></big>字变小<small></small>粗体字<b></b>斜体字<i></i>底线字<u></u>上标字<sup></sup>下标字<sub></sub>居中<center></center>居左<left> </left>居右<right> </right>基本字体大小<basefont size>(取值范围从1到7，默认值为3)改变字体大小<font size=?></font>(?=1~7)字体颜色<font color=#rrggbb></font>(RGB色码)指定字型<font face=?></font>(?=宋体，楷体等)网址链结<a href="URL"></a>设定锚点<a name="?"></a>(?以容易记为原则)链结到锚点<a href="#?"></a>(同一份文件)<a href="URL#?"></A>(锚点不同文件)显示图形<img src="URL"></a>图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)图形取代文字<img src="URL"alt=?>(无法显示图形时用)图形尺寸<img src="URL" width=? height=?>(?以像素为单位)连结图形边线<img src="URL"border=?>(?以像素为单位)图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)段落<p></p>断行<br></br>横线<hr>横线厚度<hr size=?>(?以像素为单位)横线长度<hr width=?>(?以像素为单位)横线长度<hr width=?%>(?与页宽相比较)实横线<hr noshade>(无立体效果)背景图案<body background=图形文件名>(图形文件格式为gif和jpg)背景颜色<body bgcolor=#rrggbb>(RGB色码)背景文字颜色<body text=#rrggbb>(RGB色码)未链结点颜色<body link=#rrggbb>(RGB色码)已链结点颜色<body vlink=#rrggbb>(RGB色码)正在链结点颜色<body alink=#rrggbb(RGB色码)三、具体在做html文件前,我们还有哪些需要做的：1、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。
html常⽤代码⼤全1.结构性定义⽂件类型 <HTML></HTML> （放在档案的开头与结尾）⽂件主题 <TITLE></TITLE> （必须放在「⽂头」区块内）⽂头 <HEAD></HEAD> （描述性资料，像是「主题」）⽂体 <BODY></BODY> （⽂件本体）（由浏览器控制的显⽰风格）标题 <H?></H?> （从1到6，有六层选择）标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>区分 <DIV></DIV>区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引⽂区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）强调 <EM></EM> （通常会以斜体显⽰）特别强调 <STRONG></STRONG> （通常会以加粗显⽰）引⽂ <CITE></CITE> （通常会以斜体显⽰）码 <CODE></CODE> （显⽰原始码之⽤）样本 <SAMP></SAMP>键盘输⼊ <KBD></KBD>变数 <VAR></VAR>定义 <DFN></DFN> （有些浏览器不提供）地址 <ADDRESS></ADDRESS>⼤字 <BIG></BIG>⼩字 <SMALL></SMALL>与外观相关的标签（作者⾃订的表现⽅式）加粗 <B></B>斜体 <I></I>底线 <U></U> （尚有些浏览器不提供）删除线 <S></S> （尚有些浏览器不提供）下标 <SUB></SUB>上标 <SUP></SUP>打字机体 <TT></TT> （⽤单空格字型显⽰）预定格式 <PRE></PRE> （保留⽂件中空格的⼤⼩）预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）向中看齐 <CENTER></CENTER> （⽂字与图⽚都可以）闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）字体⼤⼩ <FONT SIZE=?></FONT>（从1到7）改变字体⼤⼩ <FONT SIZE=+|-?></FONT>基本字体⼤⼩ <BASEFONT SIZE=?> （从1到7; 内定为3）字体颜⾊ <FONT COLOR="#$$$$$$"></FONT>说明 <!-- *** --> （浏览器不会显⽰）<!--修改滚动条--><style type="text/css">body {scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #330033;scrollbar-arrow-color: #FFFFFF;}</style><!--修改滚动条结束-->将上⾯的代码放在叶⼦代码的<head></head>之间,颜⾊可根据⾃⼰的需要修改。
html网页的代码大全<!DOCTYPE html>。
<html>。
<head>。
<title>HTML网页的代码大全</title>。
</head>。
<body>。
<h1>HTML网页的代码大全</h1>。
<p>HTML是超文本标记语言（HyperText Markup Language）的缩写，是一种用于创建网页的标准标记语言。
在互联网上，几乎所有的网页都是由HTML编写而成的。
HTML网页的代码大全包括了网页的结构、样式和交互等方方面面的内容。
</p>。
<h2>HTML基础结构</h2>。
<p>一个基本的HTML网页由以下几部分组成，</p>。
<ol>。
<li>文档类型声明（<!DOCTYPE html>）</li>。
<li>html标签（<html>）</li>。
<li>head标签（<head>）</li>。
<li>title标签（<title>）</li>。
<li>body标签（<body>）</li>。
</ol>。
<p>以上是一个简单的HTML网页的基本结构，下面我们来详细了解一下每个部分的内容。
</p>。
<h3>文档类型声明</h3>。
<p>文档类型声明用于告诉浏览器使用哪种HTML版本来解析网页。
通常情况下，我们使用<!DOCTYPE html>来声明使用HTML5版本。
</p>。
<h3>html标签</h3>。
一、HTML各种命令的代码：1、文本标签(命令)<pre></pre> 创建预格式化文本<h1></h1> 创建最大的标题<h6></h6> 创建最小的标题<b></b> 创建黑体字<i></i> 创建斜体字<tt></tt> 创建打字机风格的字体<cite></cite> 创建一个引用,通常是斜体<em></em> 加重一个单词（通常是斜体加黑体）<strong></strong> 加重一个单词（通常是斜体加黑体）<font size=?></font> 设置字体大小，从1 到7<font color=?></font> 设置字体的颜色,使用名字或十六进制值2、图形(命令) <img src="name"> 添加一个图像<img src="name" align=?> 排列对齐一个图像:左中右或上中下<img src="name" border=?> 设置围绕一个图像的边框的大小<hr> 加入一条水平线<hr size=?> 设置水平线的大小（高度）<hr width=?> 设置水平线的宽度（百分比或绝对像素点）<hr noshade> 创建一个没有阴影的水平线3、链接(命令)<a href="URL"></a> 创建一个超链接<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接<a name="NAME"></a> 创建一个位于文档内部的靶位<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接4、格式排版(命令)<p> 创建一个新的段落<p align=?> 将段落按左、中、右对齐<br> 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 创建一个定义列表<dt> 放在每个定义术语词之前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<li> 放在每个数字列表项之前，并加上一个数字<ul></ul> 创建一个标有圆点的列表<li> 放在每个圆点列表项之前，并加上一个圆点<div align=?> 一个用来排版大块HTML 段落的标签，也用于格式化表二、HTML基本语法文件格式<html></html>(文件的开头与结尾)主题<title></title>(放在文件的开头)文头区段<head></head>(描述文件的信息)内文区段<body></body>(放此文件的内容)标题<h?></h>(?=1~6,改变标题字的大小)标题对齐<h align=right,left,center></h>字加大<big></big>字变小<small></small>粗体字<b></b>斜体字<i></i>底线字<u></u>上标字<sup></sup>下标字<sub></sub>居中<center></center>居左<left> </left>居右<right> </right>基本字体大小<basefont size>(取值范围从1到7，默认值为3) 改变字体大小<font size=?></font>(?=1~7)字体颜色<font color=#rrggbb></font>(RGB色码)指定字型<font face=?></font>(?=宋体，楷体等)网址链结<a href="URL"></a>设定锚点<a name="?"></a>(?以容易记为原则)链结到锚点<a href="#?"></a>(同一份文件)<a href="URL#?"></A>(锚点不同文件)显示图形<img src="URL"></a>图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)图形取代文字<img src="URL"alt=?>(无法显示图形时用)图形尺寸<img src="URL" width=? height=?>(?以像素为单位)连结图形边线<img src="URL"border=?>(?以像素为单位)图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)段落<p></p>断行<br></br>横线<hr>横线厚度<hr size=?>(?以像素为单位)横线长度<hr width=?>(?以像素为单位)横线长度<hr width=?%>(?与页宽相比较)实横线<hr noshade>(无立体效果)背景图案<body background=图形文件名>(图形文件格式为gif和jpg) 背景颜色<body bgcolor=#rrggbb>(RGB色码)背景文字颜色<body text=#rrggbb>(RGB色码)未链结点颜色<body link=#rrggbb>(RGB色码)已链结点颜色<body vlink=#rrggbb>(RGB色码)正在链结点颜色<body alink=#rrggbb(RGB色码)三、具体在做html文件前,我们还有哪些需要做的：1、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。
一般每幅最大不要20K。
图象格式一般为gif和jpg两种。
通常单调的可以考虑使用gif压缩。
用jpg处理照片比较合适，因为里面包含许多色彩的缓和变化。
不管是哪种，做好后都应压缩以给图片减肥，但不要压得太多而失真。
压缩可用JPEG Optimizer或Image Optimizer两种工具，若用photoshop5.5做的图象，保存时直接用Save For Web可进行压缩。
另外，Gif格式可作成动画。
2、选择图片的网络存储空间建议各位卖家们事先可以找一个稳定的空间来存放你的图片，以确保你的买家随时可以看到精美漂亮的商品。
注意：不要把图片存放在免费相册里，因为这些相册的路径一般都是虚拟的，每一次浏览的URL都会改变，这对我们卖家来说是非常不好的。
另外要注意的一点是：有一些买家反映看到的卖家商品的图片是小叉叉，这是因为一些卖家在用HTML粘贴图片的时候把自己电脑中C盘或者D盘(也就是本地路径)的图片的路径直接直接复制在命令中，这样就会造成卖家自己可以看到这些图片而你的买家们看到的则是叉叉！所以卖家们在用HTML制作图片的时候一定要注意不要用本地路径直接粘贴图片！四、练习的例子：（红色字体部分即可修改成你自己的自定义）第一：用HTML来插入一个图片，<img src="/images/girl/PLMM_A.jpg">Key:第二：用HTML来插入一个URL，<a href="/images/girl/PLMM_F.jpg">点击我进入</a>Key:点击我进入第三：插入url的同时，插入图片，点击图片就可以进入这个url，如做一个插入网园淘艺坊的图片链接代码：<a href="/"><img src="/images/girl/PLMM_C.jpg"></a>Key:图片链接点击我进入第四：插入一段音乐高山流水：<embed src="/images/hill-water.mid" width="72" height="25" autostart="false" loop="1" align="absmiddle" controls="smallconsole/playbutton/pausebutton/stopbutton"></embed>Key:音乐链接点击我进入1.结构性定义文件类型<HTML></HTML> （放在档案的开头与文件主题<TITLE></TITLE> （必须放在「文头」区块内）文头<HEAD></HEAD> （描述性资料，像是「主题」）文体<BODY></BODY> （文件本体）（由浏览器控制的显示风格）标题<H?></H?> （从1到6，有六层选择）标题的对齐<H? ALIGN=LEFT|CENTER|RIGHT></H?>区分<DIV></DIV>区分的对齐<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>引文区块<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）强调<EM></EM> （通常会以斜体显示）特别强调<STRONG></STRONG> （通常会以加粗显示）引文<CITE></CITE> （通常会以斜体显示）码<CODE></CODE> （显示原始码之用）样本<SAMP></SAMP>键盘输入<KBD></KBD>变数<VAR></VAR>定义<DFN></DFN> （有些浏览器不提供）地址<ADDRESS></ADDRESS>大字<BIG></BIG>小字<SMALL></SMALL>与外观相关的标签（作者自订的表现方式）加粗<B></B>斜体<I></I>底线<U></U> （尚有些浏览器不提供）删除线<S></S> （尚有些浏览器不提供）下标<SUB></SUB>上标<SUP></SUP>打字机体<TT></TT> （用单空格字型显示）预定格式<PRE></PRE> （保留文件中空格的大小）预定格式的宽度<PRE WIDTH=?></PRE>（以字元计算）向中看齐<CENTER></CENTER> （文字与图片都可以）闪耀<BLINK></BLINK> （有史以来最被嘲弄的标签）字体大小<FONT SIZE=?></FONT>（从1到7）改变字体大小<FONT SIZE=+|-?></FONT>基本字体大小<BASEFONT SIZE=?> （从1到7; 内定为3）字体颜色<FONT COLOR="#$$$$$$"></FONT>4.特殊字元（以下标签需用小写）特别符号&#?; （其中? 代表ISO 8859-1 的编码）< < > > & & " "注册商标TM ?N1.0+ 注册商标TM ?着作权符号?N1.0+ 着作权符号?5.表单（通常需要与CGI程式配合）定义表单<FORM ACTION="URL" METHOD=GET|POST></FORM>N2.0 上传档案<FORM ENCTYPE="multipart/form-data></FORM>输入栏位<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET">栏位名称<INPUT NAME="***">栏位内定值<INPUT value="***">已选定<INPUT CHECKED> （适用於checkboxes与radio boxes）栏位宽度<INPUT SIZE=?> （以字元数为单位）最长字数<INPUT MAXLENGTH=?> （以字元数为单位）下拉式选单<SELECT></SELECT>下拉式选单名称<SELECT NAME="***"></SELECT>选单项目数量<SELECT SIZE=?></SELECT>多选式选单<SELECT MULTIPLE> （多选）选项<OPTION>内定选项<OPTION SELECTED>文字输入区<TEXTAREA ROWS=? COLS=?></TEXTAREA>输入区名称<TEXTAREA NAME="***"></TEXTAREA>N2.0 输入区换行方式<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> 6.表格3.0 定义表格<TABLE></TABLE>3.0 表格框线<TABLE BORDER></TABLE> （有或没有）N1.1 表格框线<TABLE BORDER=?></TABLE>（可以设定数值）N1.1 储存格左右留白<TABLE CELLSPACING=?>N1.1 储存格上下留白<TABLE CELLPADDING=?>N1.1 表格宽度<TABLE WIDTH=?> （以pixels为单位）N1.1 宽度比率<TABLE WIDTH=%> （页宽为100%）3.0 表格列<TR></TR>3.0 表格列内容看齐<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 储存格<TD></TD> （须与列并用）3.0 储存格内容看齐<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 不换行<TD NOWRAP>N3.0 储存格背景颜色<TD BGCOLOR=#$$$$$$>3.0 储存格横向连接<TD COLSPAN=?>3.0 储存格纵向连接<TD ROWSPAN=?>N1.1 储存格宽度<TD WIDTH=?> （以pixels为单位）N1.1 储存格宽度比率<TD WIDTH=%> （页宽为100%）3.0 表格标题<TH></TH> （跟<TD>一样，不过会对中并加粗）3.0 表格标题对齐<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>3.0 表格标题不换行<TH NOWRAP>3.0 表格标题占几栏<TH COLSPAN=?>3.0 表格标题占几列<TH ROWSPAN=?>N1.1 表格标题宽度<TH WIDTH=?> （以pixels为单位）N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）3.0 表格抬头<CAPTION></CAPTION>3.0 表格抬头看齐<CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）视框（定义与控制萤幕上的特定区域）N2.0 视框格式总定义<FRAMESET></FRAMESET> （取代<BODY>）N2.0 视框行长度分配<FRAMESET ROWS=,,,></FRAMESET>（pixels 或%）N2.0 视框行长度分配<FRAMESET ROWS=*></FRAMESET> （* = 相对大小）N2.0 视框栏宽度分配<FRAMESET COLS=,,,></FRAMESET>（pixels 或%）N2.0 视框栏宽度分配<FRAMESET COLS=*></FRAMESET> （* =相对大小）N2.0 定义个别视框<FRAME> （定义个别视框）N2.0 个别视框内容<FRAME SRC="URL">N2.0 个别视框名称<FRAME NAME="***"|_blank|_self|_parent|_top>N2.0 边缘宽度<FRAME MARGINWIDTH=?> （「左」与「右」边界）N2.0 边缘高度<FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界）N2.0 卷动条<FRAME SCROLLING="YES|NO|AUTO">N2.0 不可改变大小<FRAME NORESIZE>N2.0 无视框时的内容<NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）2.连结与图形连结<A HREF="URL"></A>连结到锚点<A HREF="URL#***"></A>（如果锚点在另一个档案）<A HREF="#***"></A> （如果锚点目前的档案）连结到目的视框<A HREF="URL" TARGET="***"></A>设定锚点<A NAME="***"></A>图形<IMG SRC="URL">图形看齐方式<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE>图形看齐方式<IMG SRC="URL"ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>取代文字<IMG SRC="URL" ALT="***"> （如果没有办法显示图形则显示此文字）点选图<IMG SRC="URL" ISMAP> （需要CGI程式）N2.0 点选图<IMG SRC="URL" USEMAP="URL">N2.0 地图<MAP NAME="***"></MAP>（描述地图）N2.0 段落<AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>3.0 大小<IMG SRC="URL" WIDTH="?" HEIGHT="?">（以pixels为单位）N1.0 图形边缘<IMG SRC="URL" BORDER=?> （以pixels为单位）N1.0 图形边缘空间<IMG SRC="URL" HSPACE=? VSPACE=?> （以pixels为单位）N1.0 低解析度图形<IMG SRC="URL" LOWSRC="URL">N1.1 用户端拉<META HTTP-EQUIV="Refresh" C>（使用端自动更新）N2.0 内嵌物件<EMBED SRC="URL"> （将物件插入页面）N2.0 内嵌物件大小<EMBED SRC="URL" WIDTH="?" HEIGHT="?">3.分隔段落<P> （通常是两个return）3.0 段落<P></P> （新定义成容器型标签）3.0 文字看齐方式<P ALIGN=LEFT|CENTER|RIGHT></P>换行<BR> （一个return）N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）横线<HR>N1.0 横线对齐<HR ALIGN=LEFT|RIGHT|CENTER>N1.0 横线厚度<HR SIZE=?> （以pixels为单位）N1.0 横线宽度<HR WIDTH=?> （以pixels为单位）N1.0 横线比率宽度<HR WIDTH=%> （以页宽为100%）N1.0 实线<HR NOSHADE> （没有立体效果）N1.0 不可换行<NOBR></NOBR> （不换行）N1.0 可换行处<WBR> （如果需要，可在此断行）列举（可以巢状列举）无次序式列举<UL><LI></UL> （<LI> 放在每一项前）N1.0 公布式列举<UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其後的列举项）有次序式列举<OL><LI></OL> （<LI> 放在每一项前）N1.0 数标型态<OL TYPE=A|a|I|i|1> （定义全部的列举项）<LI TYPE=A|a|I|i|1> （定义这个及其後的列举项）N1.0 起始数字<OL value=?> （定义全部的列举项）<LI value=?> （定义这个及其後的列举项）定义式列举<DL><DT><DD></DL>（<DT>项目, <DD>定义）表单式列举<MENU><LI></MENU>（<LI> 放在每一项前）目录式列举<DIR><LI></DIR> （<LI> 放在每一项前）背景与颜色3.0 重复排列的背景<BODY BACKGROUND="URL">N1.1+ 背景颜色<BODY BGCOLOR="#$$$$$$"> （依序为红、绿、蓝）N1.1+ 文字颜色<BODY TEXT="#$$$$$$">N1.1+ 连结颜色<BODY LINK="#$$$$$$">N1.1+ 看过的连结<BODY VLINK="#$$$$$$">N1.1 使用中的连结<BODY ALINK="#$$$$$$">7.杂项说明<!-- *** --> （浏览器不会显示）<!--修改滚动条--><style type="text/css">body {scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #330033;scrollbar-arrow-color: #FFFFFF;}</style><!--修改滚动条结束-->将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。
