南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

HTML网页代码大全

发布时间:2024-09-01

来源:

所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)变换。程序代码可以是中间代码(如四元式代码),也可以是目标代码。等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同。

成品网站模板:https://www.yunbuluo.net/pbootcms (已发布400多款)

HTML网页模板:  https://www.yunbuluo.net/html

更多模板源码:http://www.yunbuluo.net 



优化的含义是最终生成的目标代码短(运行时间更短、占用空间更小),时空效率优化。原则上,优化可以再编译的各个阶段进行,但最主要的一类是对中间代码进行优化,这类优化不依赖于具体的计算机。


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


使用框架

基本框架

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


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 框架的长篇描述

>

包含了框架不显示时的替换内容,仅在不支持框架的浏览器上显示</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 到框架的长篇描述的连接

>

您的浏览器不支持框架或当前被配置为不显示框架,

不过您可以访问相关文档

(包含在标记符之间的内容,

只有不支持框架或设置为不显示框架的浏览器才显示)


使用表单

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显示一个提交按钮)

在线咨询

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线