网页设计代码大全.docx
- 文档编号:11693838
- 上传时间:2023-03-30
- 格式:DOCX
- 页数:18
- 大小:78.20KB
网页设计代码大全.docx
《网页设计代码大全.docx》由会员分享,可在线阅读,更多相关《网页设计代码大全.docx(18页珍藏版)》请在冰豆网上搜索。
网页设计代码大全
网页设计代码大全
基本格式
---->添加注释
开始标记符,可以省略
首部标记关于脚本的定义
包含属性有
type=contenttype编程语言的内容类型
language=cdata编程语言名
src=url外部程序位置
charset=charset外部程序的字符编码
defer设置此布尔属性时,表示告知浏览器脚本并不产生任何文档内容(如,在javascript中没有"document.write"语句),从而使浏览器可以继续解释html文件的内容并进行显示
浏览器不支持客户端程序时显示里面的内容
包含属性有
sIze=n更改网页默认的字号属性,默认为3,n=1~7
用默认字体
逻辑字符样式
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=X宽度,用数字
用于设置多语言文本的显示方向,不常用
dlr=[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(紧凑显示)
type=i用于设置数字样式
value=1用于指定一个新的数字序列起始值,以获得非连续性的数字序
type="disc"样式,值:
disc,实心圆,非嵌套列表默认值;
circle,空心圆,嵌套列表默认值;
square,实心或空心方块,取决于浏览器
compact(紧凑显示)
compact(紧凑显示)
插入图像
插入图像,动画
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指示使用服务器端图像映射
创建超链接
target="main"控制链接的目标文件在哪一个框架显示,值:
可以是已定义的框架名(如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元素失去焦点时启动脚本的事件
648237222@>指向电子邮件的连接 图像映射(热点) 每个映射区域属性,可定义多个 shape="default"区域形状,值: rect(矩形默认);cIrcle(圆形);polygon(多边形)coords="328,285,54"区域边界,值: 左上角x,y坐标,右上x,y;圆心x,y,半径;各顶点坐标 href="file.html"区域连接到 target=frametarget显示链接的目标框架 nohref不包含链接 alt=text替换文本 tabIndeX=numbertab键历次序中的位置 onfocus=script元素获得焦点时启动脚本的事件 onblur=script元素失去焦点时启动脚本的事件 例如: 插入表格定义表格
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"设置边框颜色,也可在
lift;right;centersummary=text表格说明
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=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单元格背景颜色
行组 表头信息
列组
span=5指定列组中的列数(col也可以)
width=50列组中各列宽度
rowspan行合并,在
colspan列合并,在
使用框架
例如:
使用页内框架(可插入到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到框架的长篇描述的连接
例如:
不过您可以访问
(包含在标记符之间的内容,只有不支持框架或设置为不显示框架的浏览器才显示)
使用表单
添加表单,form标记内不能嵌套form,且必须使用结束标记
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=""指定控件名
rows=设定多行文本框的行数,超过可视区域用滚动条控制
cols=设定多行文本框的列数,超过可视区域用滚动条控制
disabled使控件无效
readonly设置控件为只读
accesskey=character快捷键
tabindex=number在tab键遍历次序中的位置
onfocus=script当元素获得焦点时启动脚本的事件
onblur=script当元素失去焦点时启动脚本的事件
onselect=script当文本框中的部分文本被选中时启动脚本的事件
onchange=script当控件的值改动时启动脚本的事件
创建按钮,结束标记不可省略
name=""指定控件名
value=""指定控件初始值
type=""指定创建按钮的类型,值:
submit,创建一个提交按钮,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 代码 大全
![提示](https://static.bdocx.com/images/bang_tan.gif)
copyright@ 2008-2022 冰点文档网站版权所有
经营许可证编号:鄂ICP备2022015515号-1