<<HTML5从入门到精通>>

来源：互联网发布：贵州省政法委数据维稳编辑：程序博客网时间：2024/05/17 08:36

#HTML头部标记：

<base>当前文档的URL全称（基底网址）

<basefont>设定基准的文字字体、字号和颜色

<title>设定显示在浏览器左上方的标题内容

<isindex>表明该文档是一个可用于检索的网关脚本，由服务器自动建立

#元信息标记<meta>

设置页面关键字：

设置页面描述：

设置编辑工具：

设定作者信息：

限制搜索方式：

搜索方式：content的值

all——表示能搜索当前网页及其链接的网页

Index——表示能搜索当前网页

Nofollow——表示不能搜索当前网页链接的网站

Noindex——表示不能搜索当前网页

None——表示不是搜索当前网页及其链接的网页

设置网页文字及语言

设置网页的定时跳转：

设置有效期限：

GMT时间格式：

星期，日月年时分秒

Wed,14 september 2011 16:20:00 GMT

禁止从缓存中调用

删除过期的cookie：

强制打开新窗口：
<meta http-equiv='window-target' content='_top'>

设置网页的过渡效果：

过渡事件：

page-enter——进入页面

page-exist——离开页面

过渡方式：

#基底网址标记<base>

打开方式：

_parent——在上一级窗口中打开，一般常用在分帧的框架页中

_blank——在新窗口中打开

_self——在同一窗口中打开，可以省略

_top——在浏览器的整个窗口中打开，忽略任何框架

#页面的主体标记<body>

设置文本颜色——text

背景颜色属性——bgcolor

背景图像属性——background

图片不重复显示：

body{background-repeat:no-repeat}

</style>

固定属性：

fixed——背景图片静止不动

设置链接文字属性——link

正在访问的文字颜色设置：

alink='颜色代码'

设置访问后的文字链接颜色：

vlink='颜色代码'

设置边距——margin

#设计网页文本内容

标题文字标记<h>

标题文本的对齐方式——align

对齐方式：left right center

设置文字字体——face

<font face='字体,字体2,...,'>应用该字体的文字</fone>

设置字号——size

字号可设为1~7 默认3

设置文字颜色——color

粗体、斜体、下划线——strong、em、u

粗体<b> 斜体<i>或<cite>

上标与下标——sup、sub

设置删除线——strike

等宽文字标记——code、samp

空格——  或全角空格符号

其他特殊符号：

段落标记——p

取消文字换行标记——nobr

换行标记——br

保留原始的排版方式标记——pre

居中对齐标记——center

向右缩进标记——blockquote

添加水平线——hr

设置水平线的宽度与高度：

设置水平线的颜色——color

设置水平线的对齐方式——align

去掉水平线阴影——noshade

文字标注标记——ruby

<ruby>被说明的文字<rt>文字的标注</rt></rubt>

声明变量标记——var 斜体

忽视HTML标记——plantext、xmp 单

#列表的标记

无序列表标记——ul <li></li>

无须列表的符号类型——type

disc——●

circle——○

square——■

使用有序列表标记——ol

有序列表的符号类型——type (1、a、A、i、I)

有序列表的起始值——start

定义列表标记——dl <dt>名词1<dd>解释1

菜单列表标记——menu

目录列表——dir

#超链接

超链接的建立

建立文本超链接

设置超链接的目标窗口

target参数：

_parent——在上一级窗口打开，常在分帧的框架页面中使用

_blank——新建一个窗口中打开

_self——在同一个窗口打开，与默认设置相同

_top——在浏览器的整个窗口中打开，将会忽略所有的框架结构

书签链接

链接到同一页面的书签

<a href='#书签名称'>链接的文字</a>

链接到不同页面的书签

<a href='链接的文件地址#书签名称'>链接的文字</a>

外部链接

URL格式

http://——采用WWW服务进入万维网站点

ftp://——通过FTP访问文件传输服务器

telnet://——启动Telent

mailto://——直接启动邮件系统E-mail

发送E-mail

mailto标签的参数：

CC——抄送收件人<a href='mailto:电子邮件地址?CC=电子邮件地址'>链接文字</a>

Subject——电子邮件主题<a href='mailto:电子邮件地址?CC=主题文字'>链接文字</a>

BCC——暗送收件人<a href='mailto:电子邮件地址?CC=电子邮件地址'>链接文字</a>

Body——电子邮件内容<a href='mailto:电子邮件地址?CC=邮件内容'>链接文字</a>

下载文件

<a href='文件所在地址'>链接的文字</a>

脚本链接

空链接

#使用图像

图像的基本格式

GIF256色 JPEG PNG

添加图像——img

图像高度——height

图像宽度——width

图像边框——border

图像水平间距——hspace

图像垂直间距——vspace

图像相对于文字基准线的对齐方式——align

图像的提示文字——alt

图像的超链接

设置图像热区链接

</map>

热区形状：

rect——矩形区域

circle——圆形区域

poly——多边形区域

coords参数：
left、top、right、bottom、、、

#表格的应用

表格的基本构成

table——表格标记

tr——行标记

td——单元格标记

表格的标题——caption

表格的表头——th (加粗)

设置表格的基本属性

表格的宽度——width

表格的高度——height

表格的对齐方式——align

表格表框的宽度——border

表格边框的颜色——bordercolor

表格内框的宽度——cellspacing

表格内文字与边框的间距——cellpadding

设置表格背景

表格背景的颜色——bgcolor

表格的背景图像——background

设置表格的行属性

高度的控制——height

行的边框颜色——bordercolor

行的背景颜色——bgcolor

行文字的水平对齐方式——align

行文字的垂直对齐方式——valign

对齐方式：

top(靠上)、middle(居中)、bottom(靠下)

表格标题的垂直对齐方式——align

<caption align='垂直对齐方式‘>表格的标题</caption>

设置单元格属性

单元格大小——width、height

单元格水平跨度——colspan

单元格垂直跨度——rowspan

单元格对齐方式——align、valign

单元格的背景色——bgcolor

单元格的边框颜色——bordercolor

单元格的亮边框——bordercolorlight

单元格的暗边框——bordercolordark

单元格的背景图案——background

表格的结构

表格的表头标记——thead

表格的表主体标记——tbody

表格的表尾标记——tfoot

#编辑表单

处理动作——action

程序、脚本或脚本的URL、也可以是E-mail

表单名称——name

传送方法——method(get、post)

编码方式——enctype

text/plain——以纯文本的形式传送

application/x-www-form-urlencoded——默认的编码形式

multipart/form-data——MIME编码，上传文件的表单必须选择该项

目标显示方式——target

添加控件

输入类的控件

文字字段——text

密码域——password

单选按钮——radio

复选框——checkbox

普通按钮——button

提交按钮——submit

重置按钮——reset

图像域——image

隐藏域——hidden

提交时，名称和值会同时传递给处理程序

文件域——file

列表/菜单标记

<option value='' selected='selected'>选项显示内容</option>

</select>

列表和菜单标记属性

size——显示的选项数目

multiple——列表中的选项多选

文本域标记——textarea

</textarea>

id标记

<id='元素的标识名'>

#多媒体界面

设置滚动文字

滚动文字标签——marquee

滚动方向标签——direction

滚动方式设置——behavior

behavior的取值及其效果：

scroll——循环滚动、默认效果

slide——只滚动一次就停止

alternate——来回交替进行滚动

滚动速度属性——scrollamount

滚动延迟属性——scrolldelay (毫秒)

滚动循环属性——loop

滚动范围属性——width、height

滚动背景颜色属性——bgcolor

滚动空间属性——hspace、vspace

添加背景音乐

设置背景音乐——bgsound

设置循环播放次数——loop

添加多媒体文件

添加多媒体文件标记——embed

设置自动运行——autostart

设置媒体文件的循环播放——loop

隐藏面板——hidden

0 0