网页设计代码大全Word下载.docx
- 文档编号:16589690
- 上传时间:2022-11-24
- 格式:DOCX
- 页数:18
- 大小:26.11KB
网页设计代码大全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文本上载
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 代码 大全
![提示](https://static.bdocx.com/images/bang_tan.gif)