9A文网页设计代码大全.docx

上传人:b****2 文档编号:10314 上传时间:2023-04-28 格式:DOCX 页数:23 大小:26.81KB
下载 相关 举报
9A文网页设计代码大全.docx_第1页
第1页 / 共23页
9A文网页设计代码大全.docx_第2页
第2页 / 共23页
9A文网页设计代码大全.docx_第3页
第3页 / 共23页
9A文网页设计代码大全.docx_第4页
第4页 / 共23页
9A文网页设计代码大全.docx_第5页
第5页 / 共23页
9A文网页设计代码大全.docx_第6页
第6页 / 共23页
9A文网页设计代码大全.docx_第7页
第7页 / 共23页
9A文网页设计代码大全.docx_第8页
第8页 / 共23页
9A文网页设计代码大全.docx_第9页
第9页 / 共23页
9A文网页设计代码大全.docx_第10页
第10页 / 共23页
9A文网页设计代码大全.docx_第11页
第11页 / 共23页
9A文网页设计代码大全.docx_第12页
第12页 / 共23页
9A文网页设计代码大全.docx_第13页
第13页 / 共23页
9A文网页设计代码大全.docx_第14页
第14页 / 共23页
9A文网页设计代码大全.docx_第15页
第15页 / 共23页
9A文网页设计代码大全.docx_第16页
第16页 / 共23页
9A文网页设计代码大全.docx_第17页
第17页 / 共23页
9A文网页设计代码大全.docx_第18页
第18页 / 共23页
9A文网页设计代码大全.docx_第19页
第19页 / 共23页
9A文网页设计代码大全.docx_第20页
第20页 / 共23页
亲,该文档总共23页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

9A文网页设计代码大全.docx

《9A文网页设计代码大全.docx》由会员分享,可在线阅读,更多相关《9A文网页设计代码大全.docx(23页珍藏版)》请在冰点文库上搜索。

9A文网页设计代码大全.docx

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(紧凑显示)

  1. 列表项标记符(结束标记可省略,但使用样式表时应使用结束标记)

    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表示为水平方向上合并的列数

      使用框架

      例如:

      1234567

      </p><p><bodR>123456789</bodR></p><p>

      框架集标记符,不能包含bodR标记符

      rows\cols构造横向\纵向分割框架,值:

      像素,百分数,nR(R表示

      窗口剩余部分,“R,R”表示窗口分成两个均等框架,“R,2R,3R”表示从左到右[或上到下]三个框架占窗口宽度1/6,1/3,1/2)

      onload=script所有框架载入时启动脚本的事件

      onunload=script所有框架卸载时启动脚本的事件

      框架标记符

      src="./main.htm"初始化需要显示的页面的路径文件名

      name="main"指定框架的名称

      frameborder=""是否显示框架边框,值:

      1(生产3d边框,默认);0(不显示边框)

      marginwidth="40"框架内容和框架左、右边框的空白

      marginheigth="40"框架内容和框架上、下边框的空白

      scrolling="Res"是否在框架内加入滚动条,值:

      Res(强制加垂直和水平滚动条);no(不加);auto(需要时加,默认)

      noresize固定框架边框位置,禁止移动边框

      longdesc=url框架的长篇描述

      包含了框架不显示时的替换内容,仅在不支持框架的浏览器上显示</p><p>例如:</p><p><frame></p><p><noframes></p><p><bodR>您的浏览器不支持框架</bodR></p><p>

      使用页内框架(可插入到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当控件的值改动时启动脚本的事件

      用法:

      创建单行文本框

      创建密码框

      展开阅读全文
      相关搜索
      资源标签

      当前位置:首页 > 表格模板 > 合同协议

      copyright@ 2008-2023 冰点文库 网站版权所有

      经营许可证编号:鄂ICP备19020893号-2