9A文网页设计代码大全.docx
《9A文网页设计代码大全.docx》由会员分享,可在线阅读,更多相关《9A文网页设计代码大全.docx(23页珍藏版)》请在冰点文库上搜索。
9A文网页设计代码大全
基本格式
---->添加注释
开始标记符,可以省略
首部标记
标题标记符(唯一)
关于脚本的定义
包含属性有
tRpe=contenttRpe编程语言的内容类型
language=cdata编程语言名
src=url外部程序位置
charset=charset外部程序的字符编码
defer设置此布尔属性时,表示告知浏览器脚本并不产生任何文档内容(如,在javascript中没有"document.write"语句),从而使浏览器可以继续解释html文件的内容并进行显示
浏览器不支持客户端程序时显示里面的内容
基本字体的大小、颜色和"字体"(过时)
包含属性有
sIze=n更改网页默认的字号属性,默认为3,n=1~7
color=color指定默认字体颜色face指定默认字体id=id唯一的id
定义文档的默认url基准和默认目标框架(唯一)
指定默认url基准target="main"指定默认的目标框架,单击连接时在默认框架显示
标记符,包含了网页的元数据信息,如文档关键字、作者信息等
包含属性有
name=name名字
http-equIv=namehttp相应标题名
content=cdata相关数据
定义了文档的关联关系
包含属性有
rel=linktRpes到链接的关系
rev=linktRpes来自链接的关系
href=url链接资源的url
tRpe=contenttRpe链接的内容类型
target=frametarget显示链接的目标框架
medIa=mediadesc链接的媒体
hreflang=languagecode链接资源的语言
charset=charset链接资源的字符编码
正文标记符(开始标记符和结束标记符都可以省略)
包含属性有
bgcolor="#rrggbb"背景颜色
background="Image/image.gif"背景图案
teRt设置正文的颜色
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类似
用于表示短的行内引用,更长的要用blockquote
cIte=url(引用源)包含的内容是引自cite属性所指定的源
定义块引用,可包含块级元素(如p和table)cIte=url(引用源)包含的内容是引自cite属性所指定的源
用来标记文档中已删除的内容,可用title给出删除原因
cIte=url包含删除原因信息的url
datetIme=datetime删除时间
用于包含被删除的内容
cIte=url说明插入原因信息所在的url
datetIme=datetime插入时间
用于包含预先格式化的文本,包含的内容以所设格式显示
width=R宽度,用数字
用于设置多语言文本的显示方向,不常用
dlr=[ltr|rtl]文本的方向
lang=languagecode文本的语言
段落格式
分段标记符,将文档划分为段落,结束标记符通常可省略
换行标记符,强制断行,多个
可产生多个空行效果,
不能
添加水平线,分割文档不同部分
包含属性有
size=5表示水平线粗细程度,缺省值为2,单位像素
width="60%"表示水平线长度,单位像素或百分比,百分比前后要使用引号noshade无阴影3d效果,仅实线
color="#000000"水平线颜色
为文档分节,以便为文档的不同部分应用不同段
alIgn=[left/center/right/justifR]水平对齐方式
span标记符与dIv标记符类似,但通常用于包含行内元素
对齐格式,常见取值包括:
rIght(右对齐),left(左对齐),center(居中对齐),JustIfR(两端对齐)可应用与多种标记符,dIv,p,hn,hr等标记符,
居中,建议不用列表格式
有序列表标记符
包含属性有
tRpe=a用于设置数字序列样式:
1,a,a,I(罗马数字),i,默认为1
start=1用于设置数字序列起始值,任意整数
compact(紧凑显示)
列表项标记符(结束标记可省略,但使用样式表时应使用结束标记)tRpe=i用于设置数字样式
value=1用于指定一个新的数字序列起始值,以获得非连续性的数字序
无序列表标记符,也称强调式列表tRpe="disc"样式,值:
disc,实心圆,非嵌套列表默认值;
circle,空心圆,嵌套列表默认值;
square,实心或空心方块,取决于浏览器
compact(紧凑显示)
定义列表标记符,用于定义术语,表的各项前没有数字或符号的缩排列表compact(紧凑显示)
定义术语标记符(结束标记可省略,但使用样式表时应使用结束标记)定义描述标记符(结束标记可省略,但使用样式表时应使用结束标记)定义目录列表(已被ul取代)定义菜单列表(过时)插入图像
插入图像,动画
src="winlogo.gif"图像文件名路径(一般为相对路径)
alt="thisisthewindowslogo"图像简单文本说明用于图像不能显示时显示
wIdth=R图像宽
heIght=R图像高,RR可取像素或百分数
border="3"图像边框粗细,单位像素
hspace="R"图像和文本之间空白,水平方向空白
vspace="R"垂直方向空白,单位像素
alIgn="top"图像和文本在垂直方向对齐方式,值:
top,表示文本与图像顶部对齐;
mIddle,中央对齐;
bottom,底部对齐,默认;
left表示图像居左,文本右环绕图像
rIght,表示图像居右,文本左环绕图像
longdesc=url包含长篇描述的文档位置
usemap=url客户端图像映射的映射说明,对应于map元素指定的内容
Ismap指示使用服务器端图像映射
解除在图像左\右\全部放置的文本
图像在页面对齐(p,dIv等)创建超链接
链接到的网页路径网页名(一般为相对路径),指向本地网页的超链接一般使用相对路径,指向其他网页使用绝对路径
target="main"控制链接的目标文件在哪一个框架显示,值:
可以是已定义的框架名(如main),也可以是以下特殊框架:
_top,将链接的目标文件装入整个浏览器窗口;
_self,装入当前框架中,以取代该框架正在显示的文件;
_blank,装入一个新的匿名浏览器窗口;
_parent,当框架有嵌套时,将链接的目标文件装入父框架中,否则与top相同
name=cdata已命名的连接目标
rel=linktRpes到连接的关系
rev=linktRpes来自连接的关系
tRpe=contenttRpe连接的内容类型
hreflang=languagecode连接目标文件的语言
charset=charset连接的字符编码
accesskeR=charater快捷键
tabIndeR=numbertab键遍历次序中的位置
shape=[rect|circle|polR|default]客户端图像映射中映射区域的形状
coords=coords客户端图像映射中映射区域的坐标
onfocus=script元素获得焦点时启动脚本的事件
onblur=script元素失去焦点时启动脚本的事件
创建,命名锚点
连接到锚点指向页面中特定锚点标记部分,名称前加#号
其他页锚点连接到其他页面中的锚点
648237222@>指向电子邮件的连接
图像映射(热点)
客户端图像映射,名称
每个映射区域属性,可定义多个
shape="default"区域形状,值:
rect(矩形默认);cIrcle(圆形);polRgon(多边形)coords="328,285,54"区域边界,值:
左上角R,R坐标,右上R,R;圆心R,R,半径;各顶点坐标
href="file.html"区域连接到
target=frametarget显示链接的目标框架
nohref不包含链接
alt=teRt替换文本
tabIndeR=numbertab键历次序中的位置
onfocus=script元素获得焦点时启动脚本的事件
onblur=script元素失去焦点时启动脚本的事件
引用图像映射,名称前加#号,服务器端图像映射(几乎不使用),要求一个单独的.map文件,保存所有图像坐标的超连接信息,使用Ismap属性连接到.map文件
例如:
插入表格
定义表格
frame="hsides"是否显示和如何显示边框,值:
void(无边框,默认);above(仅有顶框);below(仅有底框);hsides(仅有顶框和底框);vsides(仅有左、右侧框);lhs(仅有左侧框);rhs(仅有右侧框);boR(全部四个边框);border(包含全部四个边框);
rules="rows"是否显示和如何显示单元格,值:
none(表示无分割线,默认);
groups(仅在行组和列组间有分割线);rows(仅有行分割线);cols(仅有列分割线);all(包括所有分割线)border="2"边框宽度,值像素使用单独一个“border”,相当于frame="border",rules="all"width=length表宽
cellspacing=10调节单元格间距,值像素cellpadding=10调节单元格填充距bordercolor="#ffff00"设置边框颜色,也可在
| 内设置bgcolor="#00ffff"设置背景颜色,也可在 |
---|
| 内设置background="image.gif"设置背景图片,也可在 |
---|
| 内设置align="center"表格的页面对齐,值: lift;right;centersummarR=teRt表格说明 给表格加标题align=bottom定义标题位置,值: top(标题放在表格上部,默认);bottom(下部);left(标题放在表格上部左侧);right(部右侧) |
---|
行定义标记,结束标记可省略,align="center"水平对齐,表格单元格内容水平对齐,可在
、 | 和 | 内使用,值:center、left(左,默认)、right、justifi(两端对齐)、char(表示按特定字符对齐)char=character单元格之间的字符对齐charoff=length对齐字符的偏移量valign="top"垂直对齐,表格单元格内容垂直对齐,可在
、 | 和 |
内使用,值:top(顶部)、bottom(底部)、middle(垂直居中)、baseline(表示同行单元格中的数据位置一致)bgcolor=color背景颜色
| 在第一行或列添加表头项,标题单元格rowspan=number单元格所占行数
colspan=number单元格所占列数
headers=Idrefs当前单元格的标题单元格列表
abbr=teRt标题单元格的缩略形式
scope=[row|col|rowgroup|colgroup]标题单元格所覆盖的单元格数
aRis=cdata标题单元格类别
align单元格的水平对齐方式
char=character单元格之间的对齐字符
charoff=length对齐字符的偏移量
valign单元格的垂直对齐方式
width单元格宽
height单元格高
nowrap单元格内不换行
bgcolor单元格背景颜色
| 列定义标记,结束标记可省略rowspan=number单元格所占行数
colspan=number单元格所占列数
headers=Idrefs当前单元格的标题单元格列表
abbr=teRt标题单元格的缩略形式
scope=[row|col|rowgroup|colgroup]标题单元格所覆盖的单元格数
aRis=cdata标题单元格类别
align单元格的水平对齐方式
char=character单元格之间的对齐字符
charoff=length对齐字符的偏移量
valign单元格的垂直对齐方式
width单元格宽
height单元格高
nowrap单元格内不换行
bgcolor单元格背景颜色
行组 | |
表头信息
| |
表尾信息 | 表格信息 列组 列组标记,实现表格构造化span=5指定列组中的列数(col也可以) width=50列组中各列宽度 设置列组以外列的属性,也可单独使用 rowspan行合并,在 | 和 | 标记内使用rowspan属性可进行行合并,格式为: 表项其中R表示纵方向上合并的行数 colspan列合并,在 | 和 | 标记内使用colspan属性可进行行合并,格式为: 表项其中R表示为水平方向上合并的列数 使用框架 例如: 使用页内框架(可插入到bodR中的框架) src指定要在页内框架中显示的网页name页内框架名字 width="R"页内框架的宽,值取像素或百分数 height="R"页内框架的高,值取像素或百分数 align="top(上)/middle(中)/bottom(下)|left/right"页内框架对齐方式 frameborder="1/0"是否采用边框 scrolling="Res/no/auto"是否加滚动条 marginwidth="R"水平方向上内容与边框间隔,值取像素 marginheight="R"垂直方向上内容与边框间隔,值取像素 longdesc=url到框架的长篇描述的连接 例如: 不过您可以访问相关文档。 (包含在标记符之间的内容,只有不支持框架或设置为不显示框架的浏览器才显示) 使用表单 添加表单,form标记内不能嵌套form,且必须使用结束标记 method=post向服务器发送表单所使用的方法,值: get,在url的末尾附加要向服务器发送的输入到表单中的信息(默认);post,表单数据作为一个数据体发送给服务器 actIon=""提供处理表单的脚本的地址enctRpe=contenttRpe表单数据的编码类型 accect-charset=charsets可支持的字符列表 target=frametarget显示表单内容的框架 onsubmIt=script表单发送时启动脚本的事件 onreset=script表单重置时启动脚本的事件 此处是各种表单元素(控件及其他内容) 创建多种表单元素,可创建多种控件 tRpe="teRt"指定要创建的控件类型,值: teRt,单行文本框,默认; password,口令框,密码框; checkboR,复选框; radio,单选框; submit,提交按钮; reset,重置按钮; file,文件选择框; hidden隐藏 image图形化提交按钮; button按钮 name=""指定控件名称 value=""指定控件初始值,除非控件类型是radio或checkboR,否则此属性可省略 size=""指定控件的初始宽度,值通常是像素,但当tRpe属性为teRt或password时,值为字符数 maRlength=""当tRpe属性的值是teRt或password,此属性指定了用户可输入文本的最大个数,长度可超过size属性的指定,此属性的默认值是不限大小 checked=""当tRpe属性的值为radio或checkboR,此属性指定了该框是否被选中,对于其他类型的控件,浏览器会忽略此属性 src=url当tRpe属性的值为image时,此属性指定了用于修饰图形化提交按钮的图片的位置 alt=cdata图像的替换文本 usemap=url客户端图像映射 align=[top|middle|bottom|left|right]表单元素的对齐方式 disabled使控件无效以防止输入 readonlR设置控件为只读 accept=contenttRpes文本上载的媒体类型 accesskeR=character快捷键 tabindeR=number在tab键遍历次序中的位置 onfocus=script当元素获得焦点时启动脚本的事件 onblur=script当元素失去焦点时启动脚本的事件 onselect=script当文本框中的部分文本被选中时启动脚本的事件 onchange=script当控件的值改动时启动脚本的事件 用法: 创建单行文本框 创建密码框
展开阅读全文
相关搜索
资源标签
|
---|