网页设计代码大全Word下载.docx
《网页设计代码大全Word下载.docx》由会员分享，可在线阅读，更多相关《网页设计代码大全Word下载.docx（18页珍藏版）》请在冰豆网上搜索。
href=url链接资源的url
type=contenttype链接的内容类型
target=frametarget显示链接的目标框架
medIa=mediadesc链接的媒体
hreflang=languagecode链接资源的语言
charset=charset链接资源的字符编码
body>
正文标记符（开始标记符和结束标记符都可以省略）
bgcolor="
#rrggbb"
背景颜色
background="
Image/image.gif"
背景图案
teXt设置正文的颜色
lInk设置未被访问的连接的颜色
vlInk设置已被访问过的连接的颜色
alInk设置活动连接（即当前选定的连接）的颜色
onload=script文档加载时执行脚本的事件
onunload=script文档退出时执行脚本的事件
物理字符样式:
b>
/b>
粗体
bIg>
/bIg>
大字体
I>
/I>
斜体
s>
/s>
删除线
small>
/small>
小字体
strIke>
/strIke>
sub>
/sub>
下标
sup>
/sup>
上标
tt>
/tt>
固定宽度字体
u>
/u>
下划线
font>
/font>
标记符控制字符样式
sIze=n字号属性,用于控制文字大小，其值越大，显示的字体越大，n值=1~7，默认为3（使用<
basefontsIze=n>
可更改默认的字号属性），可用加减号来指定相对字号
color="
颜色属性:
用于控制文字颜色，可使用颜色名称或十六进制指定颜色,其中rr,gg,bb分别表示红，绿，蓝成分的两位十六进制值，ff表示包含满亮度的该种颜色；
b0表示包含75%；
80表示50%；
40表示25%；
00表示不含该颜色
face="
宋体,黑体,楷体"
字体样式:
即"
，浏览器优先使用第一种字体，若系统中没有则使用第二种，依次类推，如果找不到匹配字体，浏览器将使用默认字体
逻辑字符样式
hn>
/hn>
标题样式：
n=1~6，
h1>
/h1>
表示最大的标题，
h6>
/h6>
表示最小的标题，通常只使用前三级标题。
使用标题样式时，必须使用结束标记符，可使用align属性设置对齐方式
address>
/address>
用于指定网页创建者或维护者信息，通常是斜体
cIte>
/cIte>
用于表示文本属于引用，通常是斜体
code>
/code>
用于表示程序代码，通常是固定宽度字体
dfn>
/dfn>
用于表示定义了的术语，通常是黑体或斜体
em>
/em>
用于强调某些字词，大多数浏览器将<
看作<
kbd>
/kbd>
用于表示用户的键盘输入，通常是固定宽度字体
samp>
/samp>
用于表示文本样本，通常是固定宽度字体
strong>
/strong>
用于特别强调某些字词，大多数浏览器将它看作<
var>
/var>
用于表示变量或程序参数，通常是斜体
abbr>
/abbr>
用来标记缩写，通常和title属性一起使用
acronym>
/acronym>
用来标记首字母缩略词，和abbr类似
q>
/q>
用于表示短的行内引用，更长的要用blockquote
cIte=url（引用源）包含的内容是引自cite属性所指定的源
blockquote>
/blockquote>
定义块引用，可包含块级元素（如p和table）cIte=url（引用源）包含的内容是引自cite属性所指定的源
del>
/del>
用来标记文档中已删除的内容，可用title给出删除原因
cIte=url包含删除原因信息的url
datetIme=datetime删除时间
Ins>
/Ins>
用于包含被删除的内容
cIte=url说明插入原因信息所在的url
datetIme=datetime插入时间
pre>
/pre>
用于包含预先格式化的文本，包含的内容以所设格式显示
width=X宽度，用数字
bdo>
/bdo>
用于设置多语言文本的显示方向，不常用
dlr=[ltr|rtl]文本的方向
lang=languagecode文本的语言
段落格式
p>
/p>
分段标记符，将文档划分为段落，结束标记符通常可省略
br>
换行标记符，强制断行，多个<
可产生多个空行效果，<
不能
hr>
添加水平线，分割文档不同部分
size=5表示水平线粗细程度，缺省值为2，单位像素
width="
60%"
表示水平线长度，单位像素或百分比，百分比前后要使用引号noshade无阴影3d效果，仅实线
#000000"
水平线颜色
dIv>
/dIv>
为文档分节，以便为文档的不同部分使用不同段
alIgn=[left/center/right/justify]水平对齐方式
span>
/span>
span标记符和dIv标记符类似，但通常用于包含行内元素
alIgn>
/alIgn>
对齐格式，常见取值包括：
rIght（右对齐），left（左对齐）,center（居中对齐）,JustIfy（两端对齐）可使用和多种标记符，dIv,p,hn,hr等标记符，
center>
/center>
居中，建议不用列表格式
ol>
/ol>
有序列表标记符
type=a用于设置数字序列样式：
1,a,a,I（罗马数字）,i，默认为1
start=1用于设置数字序列起始值，任意整数
compact（紧凑显示）
li>
列表项标记符（结束标记可省略,但使用样式表时应使用结束标记）
type=i用于设置数字样式
value=1用于指定一个新的数字序列起始值，以获得非连续性的数字序
ul>
/ul>
无序列表标记符，也称强调式列表
type="
disc"
样式，值：
disc，实心圆，非嵌套列表默认值；
circle，空心圆，嵌套列表默认值；
square，实心或空心方块，取决于浏览器
dl>
/dl>
定义列表标记符，用于定义术语，表的各项前没有数字或符号的缩排列表
dt>
定义术语标记符（结束标记可省略,但使用样式表时应使用结束标记）
dd>
定义描述标记符（结束标记可省略,但使用样式表时应使用结束标记）
dIr>
/dIr>
定义目录列表（已被ul取代）
menu>
/menu>
定义菜单列表（过时）
插入图像
Img>
插入图像，动画
src="
winlogo.gif"
图像文件名路径（一般为相对路径）
alt="
thisisthewindowslogo"
图像简单文本说明用于图像不能显示时显示
wIdth=x图像宽
heIght=y图像高，xy可取像素或百分数
border="
3"
图像边框粗细，单位像素
hspace="
x"
图像和文本之间空白，水平方向空白
vspace="
y"
垂直方向空白，单位像素
alIgn="
top"
图像和文本在垂直方向对齐方式，值：
top，表示文本和图像顶部对齐；
mIddle，中央对齐；
bottom，底部对齐，默认；
left表示图像居左，文本右环绕图像
rIght，表示图像居右，文本左环绕图像
longdesc=url包含长篇描述的文档位置
usemap=url客户端图像映射的映射说明，对应于map元素指定的内容
Ismap指示使用服务器端图像映射
brclear="
left|rIght|all"
解除在图像左\右\全部放置的文本
palIgn="
center"
Imgsrc...>
图像在页面对齐（p,dIv等）
创建超链接
page2.htm"
>
/a>
链接到的网页路径网页名（一般为相对路径），指向本地网页的超链接一般使用相对路径，指向其他网页使用绝对路径
target="
控制链接的目标文件在哪一个框架显示，值：
可以是已定义的框架名（如main），也可以是以下特殊框架：
_top，将链接的目标文件装入整个浏览器窗口；
_self，装入当前框架中，以取代该框架正在显示的文件；
_blank，装入一个新的匿名浏览器窗口；
_parent，当框架有嵌套时，将链接的目标文件装入父框架中，否则和top相同
name=cdata已命名的连接目标
rel=linktypes到连接的关系
rev=linktypes来自连接的关系
type=contenttype连接的内容类型
hreflang=languagecode连接目标文件的语言
charset=charset连接的字符编码
accesskey=charater快捷键
tabIndeX=numbertab键遍历次序中的位置
shape=[rect|circle|poly|default]客户端图像映射中映射区域的形状
coords=coords客户端图像映射中映射区域的坐标
onfocus=script元素获得焦点时启动脚本的事件
onblur=script元素失去焦点时启动脚本的事件
aname="
创建，命名锚点
#top"
连接到锚点<
指向页面中特定锚点标记部分，名称前加#号
page2.html#top"
其他页锚点<
连接到其他页面中的锚点
ahref=mailto:
指向电子邮件的连接<
图像映射（热点）
mapname="
mymap"
/map>
客户端图像映射，名称
area>
每个映射区域属性，可定义多个
shape="
default"
区域形状，值：
rect（矩形默认）；
cIrcle（圆形）；
polygon（多边形）coords="
328,285,54"
区域边界，值：
左上角x，y坐标，右上x，y；
圆心x，y，半径；
各顶点坐标
href="
file.html"
区域连接到
nohref不包含链接
alt=text替换文本
tabIndeX=numbertab键历次序中的位置
Imgsrc="
"
alt="
usemap="
#mymap"
引用图像映射，名称前加#号，服务器端图像映射（几乎不使用），要求一个单独的.map文件，保存所有图像坐标的超连接信息，使用Ismap属性连接到.map文件
例如：
serverimagemap.map"
imagemap.gif"
smap>
插入表格
table>
/table>
定义表格
frame="
hsides"
是否显示和如何显示边框，值：
void（无边框，默认）；
above（仅有顶框）；
below（仅有底框）；
hsides（仅有顶框和底框）；
vsides（仅有左、右侧框）；
lhs（仅有左侧框）；
rhs（仅有右侧框）；
box（全部四个边框）；
border（包含全部四个边框）；
rules="
rows"
是否显示和如何显示单元格，值：
none（表示无分割线，默认）；
groups（仅在行组和列组间有分割线）；
rows（仅有行分割线）；
cols（仅有列分割线）；
all（包括所有分割线）border="
2"
边框宽度，值像素使用单独一个“border”，相当于frame="
border"
，rules="
all"
width=length表宽
cellspacing=10调节单元格间距，值像素cellpadding=10调节单元格填充距bordercolor="
#ffff00"
设置边框颜色，也可在<
tr>
th>
td>
内设置bgcolor="
#00ffff"
设置背景颜色，也可在<
内设置background="
image.gif"
设置背景图片，也可在<
内设置align="
表格的页面对齐，值：
lift；
right；
centersummary=text表格说明
caption>
/captIoon>
给表格加标题
align=bottom定义标题位置，值：
top（标题放在表格上部，默认）；
bottom（下部）；
left（标题放在表格上部左侧）；
right（部右侧）
tr>
/tr>
行定义标记，结束标记可省略,
align="
水平对齐，表格单元格内容水平对齐，可在<
、<
和<
内使用，值：
center、left（左，默认）、right、justifi（两端对齐）、char（表示按特定字符对齐）char=character单元格之间的字符对齐charoff=length对齐字符的偏移量valign="
垂直对齐，表格单元格内容垂直对齐，可在<
top（顶部）、bottom（底部）、middle（垂直居中）、baseline（表示同行单元格中的数据位置一致）bgcolor=color背景颜色
/th>
在第一行或列添加表头项，标题单元格
rowspan=number单元格所占行数
colspan=number单元格所占列数
headers=Idrefs当前单元格的标题单元格列表
abbr=text标题单元格的缩略形式
scope=[row|col|rowgroup|colgroup]标题单元格所覆盖的单元格数
axis=cdata标题单元格类别
align单元格的水平对齐方式
char=character单元格之间的对齐字符
charoff=length对齐字符的偏移量
valign单元格的垂直对齐方式
width单元格宽
height单元格高
nowrap单元格内不换行
bgcolor单元格背景颜色
td>
/td>
列定义标记，结束标记可省略
行组<
thead>
/thead>
表头信息
tfoot>
/tfoot>
表尾信息
tbody>
/tbody>
表格信息
列组<
colgroup>
/colgroup>
列组标记，实现表格构造化
span=5指定列组中的列数（col也可以）
width=50列组中各列宽度
colspan="
width="
80"
设置列组以外列的属性，也可单独使用
rowspan行合并，在<
标记内使用rowspan属性可进行行合并，格式为：
tdrowspan=X>
表项<
其中X表示纵方向上合并的行数
colspan列合并，在<
标记内使用colspan属性可进行行合并，格式为：
tdcolspan=y>
其中y表示为水平方向上合并的列数
使用框架
例如:
frameset>
frame>
1234567
/frame>
noframes>
123456789<
/noframes>
/frameset>
frameset>
框架集标记符，不能包含body标记符
rows\cols构造横向\纵向分割框架，值：
像素，百分数，n*（*表示
窗口剩余部分，“*，*”表示窗口分成两个均等框架，“*，2*，3*”表示从左到右[或上到下]三个框架占窗口宽度1/6,1/3，1/2）
onload=script所有框架载入时启动脚本的事件
onunload=script所有框架卸载时启动脚本的事件
框架标记符
./main.htm"
初始化需要显示的页面的路径文件名
name="
指定框架的名称
frameborder="
是否显示框架边框，值：
1（生产3d边框，默认）；
0（不显示边框）
marginwidth="
40"
框架内容和框架左、右边框的空白
marginheigth="
框架内容和框架上、下边框的空白
scrolling="
yes"
是否在框架内加入滚动条，值：
yes（强制加垂直和水平滚动条）；
no（不加）；
auto（需要时加，默认）
noresize固定框架边框位置，禁止移动边框
longdesc=url框架的长篇描述
包含了框架不显示时的替换内容，仅在不支持框架的浏览器上显示
您的浏览器不支持框架<
Iframe>
/Iframe>
使用页内框架（可插入到body中的框架）
src指定要在页内框架中显示的网页name页内框架名字
页内框架的宽，值取像素或百分数
height="
页内框架的高，值取像素或百分数
top（上）/middle（中）/bottom（下）|left/right"
页内框架对齐方式
1/0"
是否采用边框
yes/no/auto"
是否加滚动条
水平方向上内容和边框间隔，值取像素
marginheight="
垂直方向上内容和边框间隔，值取像素
longdesc=url到框架的长篇描述的连接
iframe>
您的浏览器不支持框架或当前被配置为不显示框架，
不过您可以访问<
相关文档<
。
/iframe>
（包含在<
标记符之间的内容，只有不支持框架或设置为不显示框架的浏览器才显示）
使用表单
form>
/form>
添加表单，
form标记内不能嵌套form，且必须使用结束标记
method=post向服务器发送表单所使用的方法，值：
get，在url的末尾附加要向服务器发送的输入到表单中的信息（默认）；
post，表单数据作为一个数据体发送给服务器
actIon="
提供处理表单的脚本的地址enctype=contenttype表单数据的编码类型
accect-charset=charsets可支持的字符列表
target=frametarget显示表单内容的框架
onsubmIt=script表单发送时启动脚本的事件
onreset=script表单重置时启动脚本的事件
此处是各种表单元素（控件及其他内容）
input>
/input>
创建多种表单元素，可创建多种控件
text"
指定要创建的控件类型，值：
text，单行文本框，默认；
password，口令框，密码框；
checkbox，复选框；
radio，单选框；
submit，提交按钮；
reset，重置按钮；
file，文件选择框；
hidden隐藏
image图形化提交按钮；
button按钮
"
指定控件名称
value="
指定控件初始值，除非控件类型是radio或checkbox，否则此属性可省略
size="
指定控件的初始宽度，值通常是像素，但当type属性为text或password时，值为字符数
maxlength="
当type属性的值是text或password，此属性指定了用户可输入文本的最大个数，长度可超过size属性的指定，此属性的默认值是不限大小
checked="
当type属性的值为radio或checkbox，此属性指定了该框是否被选中，对于其他类型的控件，浏览器会忽略此属性
src=url当type属性的值为image时，此属性指定了用于修饰图形化提交按钮的图片的位置
alt=cdata图像的替换文本
usemap=url客户端图像映射
align=[top|middle|bottom|left|right]表单元素的对齐方式
disabled使控件无效以防止输入
readonly设置控件为只读
accept=contenttypes文本上载
升级会员 