网页设计代码大全.docx

上传人:b****5 文档编号:11693838 上传时间:2023-03-30 格式:DOCX 页数:18 大小:78.20KB
下载 相关 举报
网页设计代码大全.docx_第1页
第1页 / 共18页
网页设计代码大全.docx_第2页
第2页 / 共18页
网页设计代码大全.docx_第3页
第3页 / 共18页
网页设计代码大全.docx_第4页
第4页 / 共18页
网页设计代码大全.docx_第5页
第5页 / 共18页
点击查看更多>>
下载资源
资源描述

网页设计代码大全.docx

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

网页设计代码大全.docx

网页设计代码大全

网页设计代码大全

基本格式

---->添加注释

开始标记符,可以省略

首部标记

标题标记符(唯一)

关于脚本的定义

包含属性有

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

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

    type=i用于设置数字样式

    value=1用于指定一个新的数字序列起始值,以获得非连续性的数字序

      无序列表标记符,也称强调式列表

      type="disc"样式,值:

      disc,实心圆,非嵌套列表默认值;

      circle,空心圆,嵌套列表默认值;

      square,实心或空心方块,取决于浏览器

      compact(紧凑显示)

      定义列表标记符,用于定义术语,表的各项前没有数字或符号的缩排列表

      compact(紧凑显示)

      定义术语标记符(结束标记可省略,但使用样式表时应使用结束标记)

      定义描述标记符(结束标记可省略,但使用样式表时应使用结束标记)

      定义目录列表(已被ul取代)

      定义菜单列表(过时)

      插入图像

      插入图像,动画

      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指示使用服务器端图像映射

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

      图像在页面对齐(p,dIv等)

      创建超链接

      链接到的网页路径网页名(一般为相对路径),指向本地网页的超链接一般使用相对路径,指向其他网页使用绝对路径

      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元素失去焦点时启动脚本的事件

      引用图像映射,名称前加#号,服务器端图像映射(几乎不使用),要求一个单独的.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"设置边框颜色,也可在内设置bgcolor="#00ffff"设置背景颜色,也可在内设置background="image.gif"设置背景图片,也可在内设置align="center"表格的页面对齐,值:

      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行合并,在和标记内使用rowspan属性可进行行合并,格式为:

      表项其中X表示纵方向上合并的行数

      colspan列合并,在和标记内使用colspan属性可进行行合并,格式为:

      表项其中y表示为水平方向上合并的列数

       

      使用框架

      例如:

      1234567

      </p><p><body>123456789</body></p><p>

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

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

      像素,百分数,n*(*表示

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

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

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

      框架标记符

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

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

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

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

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

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

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

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

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

      longdesc=url框架的长篇描述

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

      使用页内框架(可插入到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不同value相同,单选框name相同value不同)

      选项创建单选框(具有相同name属性的单选框组成一个组,一个组中只能选中一个选项)

      创建文件选择框

      创建提交按钮

      创建重置按钮

      创建图形化提交按钮(无法显示图形的浏览器使用name和value显示一个提交按钮)

      创建多行文本输入框,结束标记不可省略

      name=""指定控件名

      rows=设定多行文本框的行数,超过可视区域用滚动条控制

      cols=设定多行文本框的列数,超过可视区域用滚动条控制

      disabled使控件无效

      readonly设置控件为只读

      accesskey=character快捷键

      tabindex=number在tab键遍历次序中的位置

      onfocus=script当元素获得焦点时启动脚本的事件

      onblur=script当元素失去焦点时启动脚本的事件

      onselect=script当文本框中的部分文本被选中时启动脚本的事件

      onchange=script当控件的值改动时启动脚本的事件

      创建按钮,结束标记不可省略

      name=""指定控件名

      value=""指定控件初始值

      type=""指定创建按钮的类型,值:

      submit,创建一个提交按钮,

      展开阅读全文
      相关搜索

      当前位置:首页 > 总结汇报 > 学习总结

      copyright@ 2008-2022 冰豆网网站版权所有

      经营许可证编号:鄂ICP备2022015515号-1