文档库 最新最全的文档下载
当前位置:文档库 › 网页设计HTML代码大全

网页设计HTML代码大全

基本Web页文件








添加注释

html标记(开始标记符和结束标记符都可以省略)
首部标记(开始标记符和结束标记符都可以省略)
标题标记符(唯一)


浏览器不支持客户端程序时显示里面的内容
SIZE=n 更改网页默认的字号属性,默认为3,n=1~7
COLOR=color 指定默认字体颜色
FACE 指定默认字体
ID=ID 唯一的ID
>
HREF="/project/data/" 指定默认 URL 基准
TARGET="main" 指定默认的目标框架,单击连接时在默认框架显示
>
如文档关键字、作者信息等
NAME=name 名字
HT

TP-EQUIV=Name HTTP相应标题名
CONTENT=CDATA 相关数据
>
REL=LinkTypes 到链接的关系
REV=LinkTypes 来自链接的关系
HREF=URL 链接资源的URL
TYPE=ContentType 链接的内容类型
TARGET=FrameTarget 显示链接的目标框架
MEDIA=MediaDesc 链接的媒体
HREFLANG=LanguageCode 链接资源的语言
CHARSET=Charset 链接资源的字符编码
>

BGCOLOR="#RRGGBB" 背景颜色
BACKGROUND="Image/image.gif" 背景图案
TEXT 设置正文的颜色
LINK 设置未被访问的连接的颜色
VLINK 设置已被访问过的连接的颜色
ALINK 设置活动连接(即当前选定的连接)的颜色
ONLOAD=Script 文档加载时执行脚本的事件
ONUNLOAD=Script 文档退出时执行脚本的事件
>
物理字符样式:
粗体
大字体
斜体
删除线
小字体
删除线
下标
上标
固定宽度字体
下划线

SIZE=n 字号属性:
用于控制文字大小,其值越大,显示的字体越大,n值=1~7,默认为3(使用可更改默认的字号属性),可用加减号来指定相对字号

COLOR="#RRGGBB" 颜色属性:
用于控制文字颜色, 可使用颜色名称或十六进制指定颜色, 其中RR,GG,BB分别表示红,绿,蓝成分的两位十六进制值,FF表示包含满亮度的该种颜色;B0表示包含75%;80表示50%;40表示25%;00表示不含该颜色

FACE="宋体,黑体,楷体" 字

体样式:
即"字体",浏览器优先使用第一种字体,若系统中没有则使用第二种,依次类推,如果找不到匹配字体,浏览器将使用默认字体

>

逻辑字符样式
标题样式:n=1~6,

表示最大的标题,

表示最小的标题,通常只使用前三级标题。使用标题样式时,必须使用结束标记符,可使用align属性设置对齐方式
用于指定网页创建者或维护者信息,通常是斜体
用于表示文本属于引用,通常是斜体
用于表示程序代码,通常是固定宽度字体
用于表示定义了的术语,通常是黑体或斜体
用于强调某些字词,大多数浏览器将看作
用于表示用户的键盘输入,通常是固定宽度字体
用于表示文本样本,通常是固定宽度字体
用于特别强调某些字词,大多数浏览器将它看作
用于表示变量或程序参数,通常是斜体
用来标记缩写,通常与title属性一起使用
用来标记首字母缩略词,与ABBR类似
CITE=URL(引用源) 包含的内容是引自cite属性所指定的源
>

CITE=URL(引用源) 包含的内容是引自cite属性所指定的源
>

CITE=URL 包含删除原因信息的URL
DATETIME=Datetime 删除时间
>

CITE=URL 说明插入原因信息所在的URL
DATETIME=Datetime 插入时间
>


WIDTH=Number 宽度
>


DIR=[ ltr | rtl ] 文本的方向
LANG=LanguageCode 文本的语言
>

段落格式

分段标记符,将文档划分为段落,结束标记符通常可省略

换行标记符,强制断行,多个
可产生多个空行效果,

不能


SIZE=5 表示水平线粗细程度,缺省值为2,单位像素
WIDTH="60%" 表示水平线长度,单位像素或百分比,百分比前后要使用引号
NOSHADE 无阴影3D效果,仅实线
COLOR="#000000" 水平线颜色
>
ALIGN=[left|center|right|justify] 水平对齐方式
>

SPAN标记符与DIV标记符类似,但通常用于包含行内元素
对齐格式,常见取值包括 :
RIGHT(右对齐),LEFT(左对齐),CENTER(居中对齐),JUSTIFY(两端对齐)
可应用与多种标记符,DIV,P,Hn,HR等标记符,
居中,建议不用
列表格式
    TYPE=A 用于设置数字序列样式:1,A,a,I(罗马数字),i,默认为1
    START=1 用于设置数字序列起始值,任意整数
    COMPACT(紧凑显示)
    >
  1. TYPE=i 用于设置数字样式
    VALUE=1 用于指定一个新的数字序列起始值,以获得非连续性的数字序列
    >

    TYPE="Disc" 样式,值:
    Disc,实心圆,非嵌套列表默认值;
    Circle,空心圆,嵌套列表默认值;
    Square,实心或空心方块,取决于浏览器
    COMPACT(紧凑显示

    )
    >

  • TYPE="Disc" 样式
    >

COMPACT(紧凑显示)
>
定义术语标记符(结束标记可省略,但使用样式表时应使用结束标记)
定义描述标记符(结束标记可省略,但使用样式表时应使用结束标记)

定义目录列表(已被UL取代)
定义菜单列表(过时)
插入图像
SRC="winlogo.gif" 图像文件名 路径(一般为相对路径)
ALT="this is the windows logo" 图像简单文本说明,用于图像不能显示时显示
WIDTH=x 图像宽
HEIGHT=y 图像高,xy可取像素或百分数
BORDER="3" 图像边框粗细,单位像素
HSPACE="x" 图像和文本之间空白,水平方向空白
VSPACE="y" 垂直方向空白,单位像素
ALIGN="TOP" 图像和文本在垂直方向对齐方式,值:
TOP,表示文本与图像顶部对齐;
MIDDLE,中央对齐;
BOTTOM,底部对齐,默认;
LEFT,表示图像居左,文本右环绕图像
RIGHT,表示图像居右,文本左环绕图像
LONGDESC=URL 包含长篇描述的文档位置
USEMAP=URL 客户端图像映射的映射说明,对应于map元素指定的内容
ISMAP 指示使用服务器端图像映射
>

解除在图像左\右\全部放置的文本

图像在页面对齐(P,DIV等)
创建超链接
HREF="page2.htm" 链接到的网页路径网页名(一般为相对路径) ,
指向本地网页的超链接一般使用相对路径,

指向其他网页使用绝对路径
TARGET="main" 控制链接的目标文件在哪一个框架显示,值:
可以是已定义的框架名(如main),
也可以是以下特殊框架:
_top,将链接的目标文件装入整个浏览器窗口;
_self,装入当前框架中,以取代该框架正在显示的文件;
_blank,装入一个新的匿名浏览器窗口;
_parent,当框架有嵌套时,将链接的目标文件装入父框 架中,否则与_top相同
NAME=CDATA 已命名的连接目标
REL=linkTypes 到连接的关系
REV=linkTypes 来自连接的关系
TYPE=contentType 连接的内容类型
HREFLANG=LanguageCode 连接目标文件的语言
CHARSET=Charset 连接的字符编码
ACCESSKEY=Charater 快捷键
TABINDEX=number tab键遍历次序中的位置
SHAPE=[rect|circle|poly|default] 客户端图像映射中映射区域的形状
COORDS=Coords 客户端图像映射中映射区域的坐标
ONFOCUS=Script 元素获得焦点时启动脚本的事件
ONBLUR=Script 元素失去焦点时启动脚本的事件
>

创建,命名锚点
连接到锚点 指向页面中特定锚点标记部分,名称前加#号
其他页锚点 连接到其他页面中的锚点
指向电子邮件的连接
图像映射(热点)
客户端图像映射,名称
SHAPE="default" 区域形状,值:
RECT(矩形默认);CIRCLE(圆形);POLYGON(多边形)
COORDS="328

,285,54" 区域边界,值:
左上角x,y坐标,右上x,y;圆心x,y,半径;各顶点坐标
HREF="file.html" 区域连接到
TARGET=FrameTarget 显示链接的目标框架
NOHREF 不包含链接
ALT=text 替换文本
TABINDEX=number tab键历次序中的位置
ONFOCUS=Script 元素获得焦点时启动脚本的事件
ONBLUR=Script 元素失去焦点时启动脚本的事件
>

引用图像映射,名称前加#号
服务器端图像映射(几乎不使用),要求一个单独的.map文件,保存所有图像坐标的超连接信息,使用ISMAP属性连接到.map文件

插入表格

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"

设置边框颜色,也可在

align="center" 水平对齐,表格单元格内容水平对齐,
可在内使用,值:
center、left(左,默认)、right、
justifi(两端对齐)、char(表示按特定字符对齐)
char=character 单元格之间的字符对齐
charoff=length 对齐字符的偏移量
valign="top" 垂直对齐,表格单元格内容垂直对齐,
可在内使用,值:
top(顶部)、bottom(底部)、middle(垂直居中)、
baseline(表示同行单元格中的数据位置一致)
bgcolor=color 背景颜色
>


添加行


行组
表头信息
表尾信息
表格信息
列组
span=5 指定列组中的列数(COL也可以)
width=50 列组中各列宽度
>
设置列组以

外列的属性,也可单独使用

内设置
bgcolor="#00FFFF" 设置背景颜色,也可在
内设置
background="image.gif" 设置背景图片,也可在
内设置
align="center" 表格的页面对齐,值:lift;right;center
summary=text 表格说明
>
align=bottom 定义标题位置,值:
top(标题放在表格上部,默认);bottom(下部); left(标题放在表格上部左侧);right(上部右侧)
>
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 单元格背景颜色
>

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 单元格背景颜色
>

rowspan 行合并,在和标记内使用rowspan属性可进行行合并,格式为:
表项 其中X表示纵方向上合并的行数
colspan 列合并,在和标记内使用colspan属性可进行行合并,格式为:
表项 其中Y表示为水平方向上合并的列数


使用框架
基本框架



<br><BODY>此网页使用了框架,但您的浏览器不支持框架</BODY><br>


rows\cols 构造横向\纵向分割框架,值:像素,百分数,n*(*表示
窗口剩余部分,“*,*”表示窗口分成两个均等框架, “*,2*,3*”表示从左到右[或上到下]三个框架占窗口宽度1/6,1/3,1/2)
onload=Script 所有框架载入时启动脚本的事件
onunload=Script 所有框架卸载时启动脚本的事件
>
src="./main.htm" 初始化需要显示的页面的路径文件名
name="main" 指定框架的名称
frameborder="0" 是否显示框架边框,值:
1(生产3D边框,默认);0(不显示边框)
marginwidth="40" 框架内容和框架左、右边框的空白
marginheigth="40" 框架内容和框架上、下边框的空白
scrolling="yes" 是否在框架内加入滚动条,值:yes(强制加垂直和水 平滚动条);no(不加);auto(需要时加,默认)
noresize 固定框架边框位置,禁止移动边框
longdesc=url 框架的长篇描述
>

包含了框架不显示时的替换内容,仅在不支持框架的浏览器上显示<br><BODY>您的浏览器不支持框架</BODY><br>



使用页内框架(可插

入到body中的框架)
src 指定要在页内框架中显示的网页
name 页内框架名字
width="x" 页内框架的宽,值像素或百分数
height="y" 页内框架的高,值像素或百分数
align="top|middle(中)|bottom(下)|left|right" 页内框架对齐方式
frameborder="1|0" 是否采用边框
scrolling="yes|no|auto" 是否加滚动条
marginwidth="x" 水平方向上内容与边框间隔,值像素
marginheight="y" 垂直方向上内容与边框间隔,值像素
longdesc=url 到框架的长篇描述的连接
>
您的浏览器不支持框架或当前被配置为不显示框架,
不过您可以访问相关文档

(包含在标记符之间的内容,
只有不支持框架或设置为不显示框架的浏览器才显示)

使用表单

METHOD=POST 向服务器发送表单所使用的方法,值:
GET,在URL的末尾附加要向服务器发送的输入到表单中的信息(默认);
POST,表单数据作为一个数据体发送给服务器
ACTION="" 提供处理表单的脚本的地址
ENCTYPE=contenttype 表单数据的编码类型
ACCECT-CHARSET=charsets 可支持的字符列表
TARGET=FrameTarget 显示表单内容的框架
ONSUBMIT=Script 表单发送时启动脚本的事件
ONRESET=Script 表单重置时启动脚本的事件
> 此处是各种表单元素(控件及其他内容)
type="text" 指定要创建的控件类型,值:
text,单行文本框,默认;

password,口令框,密码框;
checkbox,复选框;
radio,单选框;
submit,提交按钮;
reset,重置按钮;
file,文件选择框;
hidden
image,图形化提交按钮;
button
name="" 指定控件名称
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 文本上载的媒体类型
accesskey=character 快捷键
tabindex=number 在tab键遍历次序中的位置
onfocus=Script 当元素获得焦点时启动脚本的事件
onblur=Script 当元素失去焦点时启动脚本的事件
onselect=Script 当文本框中的部分文本被选中时启动脚本的事件

onchange=Script 当控件的值改动时启动脚本的事件
>
创建单行文本框
创建密码框
选项 创建复选框
(复选框name不同value相同,单选框name相同value不同)
选项 创建单选框
(具有相同name属性的单选框组成一个组,一个组中只能选中一个选项)
创建文件选择框
创建提交按钮
创建重置按钮
创建图形化提交按钮
(无法显示图形的浏览器使用name和value显示一个提交按钮)




例:

定义表单控件组,将相关联的控件分组
标记符中应包含作为控件组成员的各种表单控件
accesskey=character 快捷键
align=[top|bottom|left|right] 对齐方式
>个人信息



PROMPT="姓名" 提示信息
>
获得输入焦点
tabindex 指定标记的Tab顺序,可以使用tabindex属性设置Tab顺序的标记有: a、button、input、object、select 和 textarea
例:

ref="URL">web
accesskey 设置访问键,可以用accesskey属性设置访问键的标记有:
a、area、button、input、label、legend 和textarea
例:web
使用对象
嵌入多媒体对象(已过期)
classid=URL 此属性用于指定对象现实的位置。根据对象类型的不同,它要么与data属性一起使用,要么作为该属性的替代
codebase=URL 此属性用于解析由 classid、data 和 archive 属性指定的相对路径的基准路径。如果不指定此属性,则其默认值是当前文档的基准URL
codetype=content-type 此属性指定当下载由classid所指定的对象时使用的数据内容类型。
data=URL 此属性用于指定对象数据的位置
type=content-type 此属性指定由data属性指定的数据的内容类型
archive=URL 列表 此属性指定了一个由空格分隔的存档文件列表,这些存档文件中可能包含有classid和data属性所指定的资源,使用户能在一个连接上同时下载多个文件,从而减少了总的下载时间
declare 当使用此布尔属性时,将使当前的OBJECT定义成为一个声明,而在后面引用此声明的OBJECT定义中实现该对象
standby=text 此属性指定了当装载对象数据时显示的简短文本说明
name=CDATA 如果对象在表单中提交则定义其名称
align、border、width、height、hspace、vspace等,与IMG中使用方法相同
>

例:
code=CDATA 类文件名称或路径(与object二者必有其一)
codebase=URL 类文件的基础URL
width 小程序在网页中所占宽度
height 小程序在网页中所占高度
archive=URL-LIST 存储文件所在的位置列表
object=CDATA

序列化的小程序
name=CDATA 小程序实例的名称,用于小程序间通信
alt=text 替换文本
align=[top|middle|bottom|left|right] 小程序在页面的对齐方式
hspace=Pixels 小程序对象左右的空白距离
vspace=Pixels 小程序对象的上下空白距离
>不支持java的浏览器上会显示这段文字


name="" 定义一个运动时参数名称,名称必须由所插入对象识别
value="" 指定了name属性指定的运行时参数的值
valuetype=data|ref|object 指定了value属性的类型。可能的取值为:
data(默认,表示value属性指定的值将作为一个字符串传递给对象)、ref(表示value属性指定的值是一个URL,该URL指定了保存运行时参数的位置)和object(表示value属性指定的值是一个指向同一文档中一个object声明的标识符该标识符的值必须是声明的object标记的id属性值)
type=content-type 当valuetype属性的值设置为ref时,此属性指定了URL所代表资源的内容类型
id=id 元素的ID
>
例:width="15" height="15">

播放欢迎声音的Java小应用程序。

滚动字幕
width 滚动字幕区域的宽度,值:像素,百分数,默认100%
height 滚动字幕区域的高度,值:像素,百分数
align 滚动字幕如何与周围文本对齐,值:
left、right、center、top、bottom、middle
behavior 滚动字幕如何移动,值:
scroll,缺省

值,表示文本从一个方向向前滚动直到屏幕外,然后重复;
slide,表示文本滚动到另一侧后就停下来;
bounce,表示文本在定义的区域内来回交替滚动
bgcolor 定义滚动字幕区域的背景颜色
direction 指定了文本的滚动方向,值:
left(从左到右,默认);right(从右到左)
hspace 定义区域四周水平方向间隙
vspace 定义区域垂直方向间隙
loop 指定了滚动重复的次数,
值-1或infinite表示无限制重复,为默认值
scrollamount:scrollamount 指定了文本滚动间的步进像素间距
scrolldelay:scrolldelay 指定了两次文本重画之间的毫秒延时数
>滚动的字







相关文档