-
HTML快速参考
2007-03-01 17:51:43
HTML快速参考
注释 结构标记 头标和标题 段落的区域 链接 列表 字符格式 图像、声音、嵌入媒体 表单 表格 帧 注：MS表示它仅适用于IE。
<!-...-> 创建注解，也用于隐含浏览器不支持的Javascrīpt程序。
标记
属性
功能
<html>...</html> 括入全部HTML文件内容 <head>...</head> 括入HTML头文件内容 <body>...</body> 括入HTML文件主体部分（文本和标记） background="..." 页面背景中名称或图像的URL标题 bgcolor="..." 页面背景颜色 text="..." 页面文字颜色 link="..." 不是紧随其后的链接颜色 alink="..." 激活的链接颜色 vlink="..." 紧随其后的链接颜色 bgproperties="..."(MS) 背景图像属性。目前仅允许的值是FIXED，它用于防止背景图像滚动。 topmagrin="..."(MS) 页面上边空白，以像素表示 bottommargin="..."(MS) 页面底部空白，以像素表示 <base> 标明当前文件的全部URL href="..." 此文件的全部URL <isindex> 标明此文件是一个允许查询的网关脚本 prompt="..." 查询域提示 action="..." 查询的字符串应能通过的网关程序 <link> 标明在此文档与其它文档之间的链接，通常被用作HTML制作工具，<link>表示从此文档到另一文档的链接例如<a>，可以在文件中创建一个多重链接。 href="..." 当链接激活时，调用文档的URL name="..." 如果允许考虑一个锚点，它是一个锚点名称 rel="..." 当前文件与链接文件关系，例如“toc”或“glossary” rev="..." 当前文件与链接文件之间的相反关系 urn="..." 统一资源数，它与href中的URL有很大的差别 title="..." 与文档链接的标题 <meta> 获得文件的方法，例如：FTP, Gropher等 methods="..." 标明文件的meta信息(文件本身信息)，例如，寻找工程的关键词，用于获得文档、时间期限等的特殊HTTP头标。Meta信息通常是以关键字/数值形式成对使用，用在文件的标记<head>中 http-equiv="..." 用作为属性值的同一名子创建一个新的http头标。例如，http-equiv="Expires"。标头的值由内容的属性定义 name="..." 如果meta的数据通常以关键字/数值成对使用，name表示关键字，例如，作者和ID content="..." 成对使用的关键字/数字的内容（或由http-equiv指明的http头标） <nextid> 标明与此文件相关的下一文件，（可能被一工具定义用于严格管理http文件）。<nextid>被认为无用。 标记
属性
功能
<h1>...</h1> 第一层头标 <h2>...</h2> 第二层头标 <h3>...</h3> 第三层头标 <h4>...</h4> 第四层头标 <h5>...</h5> 第五层头标 <h6>...</h6> 第六层头标 <title>...</title> 标题。在<head>中使用 所有的标题目录具有以下属性： align="..." 可能的值为center, left, right 标记
属性
功能
<p>...</p> 一般段落结束的标志，</p>可选 align="..." 文本对齐为中心(center)、左(left)、右(right) <div>...</div> 格式化文本区域 align="..." 文本对齐为中心(center)、左(left)、右(right) 标记
属性
功能
<a>...</a> 用href的属性创建与另一个文件的链接，使用name的属性创建可被链接的锚 href="..." 链接被激活时调用的URL name="..." 锚名 target="..." 与文件相链接的帧(Frame) -
HTML参考
2007-03-01 16:08:59
HTML参考
Basic tags 基 本 标 签 <html></html> Creates an HTML document 创 建 一 个HTML 文 档 <head></head> Sets off the title and other
information that isn't displayed
on the Web page itself设 置 文 档 标 题 以 及 其 他 不 在WEB 网 页 上 显 示 的 信 息 <body></body> Sets off the visible portion of
the document设 置 文 档 的 可 见 部 分 Header tags
标 题 标 签 <title></title> Puts the name of the document
in the title bar将 文 档 的 题 目 放 在 标 题 栏 中 Body attributes
文 档 整 体 属 性 <body bgcolor=?> Sets the background color,
using name or hex value设 置 背 景 颜 色， 使 用 名 字 或 十 六 进 制 值 <body text=?> Sets the text color, using
name or hex value设 置 文 本 文 字 颜 色， 使 用 名 字 或 十 六 进 制 值 <body link=?> Sets the color of links,
using name or hex value设 置 链 接 颜 色， 使 用 名 字 或 十 六 进 制 值 <body vlink=?> Sets the color of followed
links, using name or hex value设 置 已 使 用 的 链 接 的 颜 色， 使 用 名 字 或 十 六 进 制 值 <body alink=?> Sets the color of links on click 设 置 正 在 被 击 中 的 链 接 的 颜 色， 使 用 名 字 或 十 六 进 制 值 Text tags
文 本 标 签 <pre></pre> Creates preformatted text 创 建 预 格 式 化 文 本 <h1></h1> Creates the largest headline 创 建 最 大 的 标 题 <h6></h6> Creates the smallest headline 创 建 最 小 的 标 题 <b></b> Creates bold text 创 建 黑 体 字 <i></i> Creates italic text 创 建 斜 体 字 <tt></tt> Creates teletype, or
typewriter-style text创 建 打 字 机 风 格 的 字 体 <cite></cite> Creates a citation, usually
italic创 建 一 个 引 用， 通 常 是 斜 体 <em></em> Emphasizes a word (with italic
or bold)加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体） <strong></strong> Emphasizes a word (with italic
or bold)加 重 一 个 单 词（ 通 常 是 斜 体 加 黑 体） <font size=?></font> Sets size of font, from 1 to 7 设 置 字 体 大 小， 从 1 到 7 <font color=?></font> Sets font color, using name or
hex value设 置 字 体 的 颜 色， 使 用 名 字 或 十 六 进 制 值 Links
链 接 <a href="URL"></a> Creates a hyperlink 创 建 一 个 超 链 接 <a href="mailto:EMAIL">
</a>Creates a mailto link 创 建 一 个 自 动 发 送 电 子 邮 件 的 链 接 <a name="NAME"></a> Creates a target location within
a document创 建 一 个 位 于 文 档 内 部 的 靶 位 <a href="#NAME"></a> Links to that target location
from elsewhere in the document创 建 一 个 指 向 位 于 文 档 内 部 靶 位 的 链 接 Formatting
格 式 排 版 <p> Creates a new paragraph 创 建 一 个 新 的 段 落 <p align=?> Aligns a paragraph to the left,
right, or center将 段 落 按 左、 中、 右 对 齐 <br> Inserts a line break 插 入 一 个 回 车 换 行 符 <blockquote>
</blockquote>Indents text from both sides 从 两 边 缩 进 文 本 <dl></dl> Creates a definition list 创 建 一 个 定 义 列 表 <dt> Precedes each definition term 放 在 每 个 定 义 术 语 词 之 前 <dd> Precedes each definition 放 在 每 个 定 义 之 前 <ol></ol> Creates a numbered list 创 建 一 个 标 有 数 字 的 列 表 <li> Precedes each list item, and adds
a number放 在 每 个 数 字 列 表 项 之 前， 并 加 上 一 个 数 字 <ul></ul> Creates a bulleted list 创 建 一 个 标 有 圆 点 的 列 表 <li> Precedes each list item, and adds
the bullet放 在 每 个 圆 点 列 表 项 之 前， 并 加 上 一 个 圆 点 <div align=?> A generic tag used to format large
blocks of HTML, also used for
stylesheets一 个 用 来 排 版 大 块HTML 段 落 的 标 签， 也 用 于 格 式 化 表 Graphical elements
图 形 元 素 <img src="name"> Adds an image 添 加 一 个 图 像 <img src="name" align=?> Aligns an image: left, right,
center; bottom, top, middle排 列 对 齐 一 个 图 像： 左 中 右 或 上 中 下 <img src="name" border=?> Sets size of border around an
image设 置 围 绕 一 个 图 像 的 边 框 的 大 小 <hr> Inserts a horizontal rule 加 入 一 条 水 平 线 <hr size=?> Sets size (height) of rule 设 置 水 平 线 的 大 小（ 高 度） <hr width=?> Sets width of rule, in percentage
or absolute value设 置 水 平 线 的 宽 度（ 百 分 比 或 绝 对 像 素 点） <hr noshade> Creates a rule without a shadow 创 建 一 个 没 有 阴 影 的 水 平 线 Tables
表 格 <table></table> Creates a table 创 建 一 个 表 格 <tr></tr> Sets off each row in a table 开 始 表 格 中 的 每 一 行 <td></td> Sets off each cell in a row 开 始 一 行 中 的 每 一 个 格 子 <th></th> Sets off the table header (a
normal cell with bold, centered
text)设 置 表 格 头： 一 个 通 常 使 用 黑 体 居 中 文 字 的 格 子 Table attributes 表 格 属 性 <table border=#> Sets width of border around
table cells设 置 围 绕 表 格 的 边 框 的 宽 度 <table cellspacing=#> Sets amount of space between table
cells设 置 表 格 格 子 之 间 空 间 的 大 小 <table cellpadding=#> Sets amount of space between a
cell's border and its contents设 置 表 格 格 子 边 框 与 其 内 部 内 容 之 间 空 间 的 大 小 <table width=# or %> Sets width of table - in pixels
or as a percentage of document width设 置 表 格 的 宽 度－ 用 绝 对 像 素 值 或 文 档 总 宽 度 的 百 分 比 <tr align=?> or <td align=?> Sets alignment for cell(s) (left,
center, or right)设 置 表 格 格 子 的 水 平 对 齐（ 左 中 右） <tr valign=?> or <td valign=?> Sets vertical alignment for cell(s)
(top, middle, or bottom)设 置 表 格 格 子 的 垂 直 对 齐（ 上 中 下） <td colspan=#> Sets number of columns a cell should
span (default=1)设 置 一 个 表 格 格 子 应 跨 占 的 列 数（ 缺 省 为 1） <td rowspan=#> Sets number of rows a cell should
span (default=1)设 置 一 个 表 格 格 子 应 跨 占 的 行 数（ 缺 省 为 1） <td nowrap> Prevents the lines within a cell
from being broken to fit禁 止 表 格 格 子 内 的 内 容 自 动 断 行 回 卷 Frames 窗 框 <frameset></frameset> Precedes the <body> tag in a frames document; can also be nested in other framesets 放 在 一 个 窗 框 文 档 的 <body> 标 签 之 前，也 可 以 嵌 在 其 他 窗 框 文 档 中 <frameset rows="value,value"> Defines the rows within a frameset,
using number in pixels, or percentage
of width定 义 一 个 窗 框 内 的 行 数， 可 以 使 用 绝 对 像 素 值 或 高 度 的 百 分 比 <frameset cols="value,value"> Defines the columns within a frameset, using number in pixels, or percentage
of width定 义 一 个 窗 框 内 的 列 数， 可 以 使 用 绝 对 像 素 值 或 宽 度 的 百 分 比 <frame> Defines a single frame - or region - within a frameset 定 义 一 个 窗 框 内 的 单 一 窗 或 窗 区 域 <noframes></noframes> Defines what will appear on browsers
that don't support frames定 义 在 不 支 持 窗 框 的 浏 览 器 中 显 示 什 么 提 示 Frames attributes 窗 框 属 性 <frame src="URL"> Specifies which HTML document should
be displayed规 定 窗 框 内 显 示 什 么HTML 文 档 <frame name="name"> Names the frame, or region, so it may
be targeted by other frames命 名 窗 框 或 区 域 以 便 别 的 窗 框 可 以 指 向 它 <frame marginwidth=#> Defines the left and right margins for the frame; must be equal to or greater than 1 定 义 窗 框 左 右 边 缘 的 空 白 大 小， 必 须 大 于 等 于1 <frame marginheight=#> Defines the top and bottom margins for the frame; must be equal to or greater than 1 定 义 窗 框 上 下 边 缘 的 空 白 大 小， 必 须 大 于 等 于1 <frame scrolling=VALUE> Sets whether the frame has a scrollbar; value may equal "yes," "no," or "auto." The default, as in ordinary documents,
is auto.设 置 窗 框 是 否 有 滚 动 栏， 其 值 可 以 是 "yes", "no", "auto"， 缺 省 时 一 般 为 "auto" <frame noresize> Prevents the user from resizing a frame 禁 止 用 户 调 整 一 个 窗 框 的 大 小 Forms 表 单 For functional forms, you'll have to run a CGI scrīpt. The HTML just creates the appearance of a form. 对 于 功 能 性 的 表 单，一 般 需 要 运 行 一 个 CGI 小 程 序，HTML仅 仅 是产 生 表 单 的 表 面 样 子。 <form></form> Creates all forms 创 建 所 有 表 单 <select multiple name="NAME" size=?></select> Creates a scrolling menu. Size sets the number of menu items visible before you need to scroll. 创 建 一 个 滚 动 菜 单，size 设 置 在 需 要 滚 动 前 可 以 看 到 的 表 单 项 数 目 <option> Sets off each menu item 设 置 每 个 表 单 项 的 内 容 <select name="NAME"></select> Creates a pulldown menu 创 建 一 个 下 拉 菜 单 <option> Sets off each menu item 设 置 每 个 菜 单 项 的 内 容 <textarea name="NAME" cols=40 rows=8></textarea> Creates a text box area. Columns set the width; rows set the height. 创 建 一 个 文 本 框 区 域，列 的 数 目 设 置 宽 度，行 的 数 目 设 置 高 度 <input type="checkbox" name="NAME"> Creates a checkbox. Text follows tag. 创 建 一 个 复 选 框，文 字 在 标 签 后 面 <input type="radio" name="NAME" value="x"> Creates a radio button. Text follows
tag创 建 一 个 单 选 框，文 字 在 标 签 后 面 <input type=text name="foo" size=20> Creates a one-line text area. Size
sets length, in characters.创 建 一 个 单 行 文 本 输 入 区 域，size 设 置 以 字 符 计 的 宽 度 <input type="submit" value="NAME"> Creates a Submit button 创 建 一 个 submit（提 交）按 钮 <input type="image" border=0 name="NAME" src="name.gif"> Creates a Submit button using an image 创 建 一 个 使 用 图 象 的 submit（提 交）按 钮 <input type="reset"> Creates a Reset button 创 建 一 个 reset（重 置）按 钮 -
Html的几个小技巧
2007-03-02 09:56:14
Html的几个小技巧
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧.
1.使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多. 如: <tt>实用网络<br><i>曾伟滨</i><br></tt>
2.不要用800*600的分辨率来制作网页,当浏览者用640*480看网页时,不旦会使速度减慢,还会使网页图像和文字出现错位.当然,也可以使用帧,
水平控制,表格等标识语句来取代己设定的象素,但就增加了工作量.
3.使用<br><p>只有一行,而使用<p><br>就会多了空白的一行.
4.使用16进制数来定义网页的颜色,而不要用red,black等语句,才能够充分利用Web调色板的216种色彩(另外的40种,一般人难以分辨).
5.在<head>中加上<basetarget="_top">就可以使你的网页不至于在帧链接到他处时缩小,或者用<a target="_new"href="http://..."></a>
打开一个新窗口.
6.用<div>来按制就能够让许多浏览器都可以看到表格居中的效果,如果您用的是Netscape 4.0也可以加入align=center来代替它.
7.HMTL中的四个特殊字符(<,>,&,")是不能直接写在文件中的,必须用后面的语句来替换, <=< >=> &=& "="(英文字母一定要小写)
8.一些语义格式的字体效果<cite>,标题的斜体字<code>,显示源程序的宽体字<em>,强调用的斜体字<kbd>,要求键盘输入的宽体字<samp>,状态表示的宽体字<strong>,强调的粗体字<var>,构造变量的斜体字 -
2007－03－01 ｈｔｍｌ
2007-03-01 09:32:45
2007－03－01 ０９：３０ 昨天ｈｔｍｌ小结。(0001.htm,0002.htm)
HTML的基本元素
HTML（HyperText Markup Language，超文本标记语言）
注意：虽然你可以参考别人的HTML代码，但是抄袭别人的代码属于侵权行为。
需要一些编程语言来完成，如JAVAscrīpt、VBscrīpt、CGI、ASP等等。
要多学习、借鉴，自己多动手、多尝试。
页面基本元素
HTML语言是由一系列标记组成的，每个标记有它特定的含义。标记用<>标示，以便和页面的内容区分开来。大多数标记成对出现，后面的标记加上一个“/”，表示结束。- <HTML></HTML>
- <HEAD></HEAD> HTML页头，包含页面的一些设置信息。
- <TITLE></TITLE> 包含的内容显示在浏览器的窗口标题栏中。如果没有TITLE，浏览器标题栏显示本页的文件名。网上有很多人忽略了TITLE的设置，你可以经常看到UNTITLED或HOME PAGE等这样的默认标题。由于Internet Explorer的收藏夹和Netscape Navigator的书签都是用TITLE作为存储地址文件的标示，所以为你的主页起一个恰当的TITLE是很有必要的。
- <BODY></BODY> BODY包含HTML页面的实际内容，显示在浏览器窗口的客户区中。
页头
HEAD里其他的几个标记。META：用于描述不包含在标准HTML里的一些文档信息。
- <META NAME="keywords" CONTENT="yourkeyword">
-
<META NAME="descrīption" CONTENT="your homepage's descrīption">
本页的关键字和描述。能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
- <META HTTP-EQUIV=”refresh” CONTENT=”60“, URL=”new.htm”>
浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带 读者来到你的目录页。
如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。- <META HTTP-EQUIV=”content-type” CONTENT=”text/html; charset=”GB2312”>
描述本页使用的语言。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。
- <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。
LINK:显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。
格式：<LINK REL=”stylesheet” HREF=”style.css”>
REL参数说明两个文档之间的关系，HREF说明目标文档名。
BASE:本文档的原始地址。
语法是：<BASE HREF=”原始地址”>
下载你的文档之后知道是从哪里下载的。
BODY:BODY标记有一些属性，用于定义页面内的显示效果。
ALINK、LINK、TEXT、VLINK—— 文字的颜色。
ALINK：当前激活的连接的文字颜色。
LINK：连接的文字颜色。
TEXT：文字的颜色。
VLINK：参观过的文字颜色。
注意：文字的颜色要和背景色有明显的差别，以便读者浏览。BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
LEFTMARGIN、TOPMARGIN——页边空白。（只对IE有效）BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对IE有效）
BGCOLOR：背景色。
注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。
LEFTMARGIN：左边页边空白。TOPMARGIN：顶端页边空白。 完整的HTML文件
index.html
<HTML>
<HEAD>
<TITLE>主页制作软件介绍</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
输入上面的代码，存盘。文件名为
index.html，也可为index.htm。字体和段落
FONT, PRE, STRONG, EM, B, I, Hx, P
- 段落
<P>
段落的标记是
<P></P>，中间是一段的内容。
</P>可以省略，因为HTML碰到下一个<P>就知道另起一段了。
P的属性
P的一个基本属性是ALIGN（对齐），可以有LEFT（左）、CENTER（中间）、RIGHT（右）几个值，默认值是LEFT。
<p align="left">左对齐段落。
<p align="center">居中段落。
<p align="right">右对齐段落。
空格“ ”。
- 特殊段落
PRE
ADDRESS
HR- 标题
HTML有几个标记是定义标题字体大小的，即<Hx></Hx>，其中x的取值可以从1到6，总共有6级。
<H1>标题1</H1>
<H2>标题2</H2>
<H3>标题3</H3>
<H4>标题4</H4>
<H5>标题5</H5>
<H6>标题6</H6>
不必添加
<P>，<Hx></Hx>里的文字都是自成一段。也有ALIGN属性，其设置和<P>一样。
现在把标题设置成H1的格式，即：
<H1 ALIGN="center">主页制作软件介绍</H1>- 换行 （可参看换行）
<BR>
<NOBR>不换行，水平滚动条。 <WBR>在<NOBR></NOBR>对里几个固定的地方可以换行，可以用<WBR>。=========================================================================
下午开工0004.htm：000５.htm（１５：４０ｏｖｅｒ）
000６.htm
000７.htm
000８.htm＝＝＝＝＝＝＝ｄｏｉｎｇ。。。
常用的控制符
CENTER <CENTER></CENTER> 段落居中 会重起一个新的段落 PRE <PRE></PRE> 保持原有效果 一个制表符占据八个空格的位置 ADDRESS <ADDRESS></ ADDRESS > 表示一段地址信息或签名，通常放在页面的顶端或底端。 Address标记中的文字按斜体显示 BLOCKQUOTE <BLOCKQUOTE></BLOCKQUOTE> 表示对其他文章的引用 其中的文字在左边和右边有一定的缩进。 -
2007-02-28 html
2007-02-28 10:35:37
今天开始学习HTML，三天时间准备把90页HTML基础看完。
今天至少1－30页，over，开看。
上午被抓住写文档写了一上午到现在。。。14:28。
看到同学的结婚照，心情不好。 15:19。
小肚子右侧疼。。。
15:20说了会儿话心情好些。15:40
开始后学习～心情恢复～
１５：４８。开工。１５：５５
html教程网址
http://www.blabla.cn/html_tag_ref/address.html
我的栏目
标题搜索
我的存档
数据统计
- 访问量: 162855
- 日志数: 402
- 图片数: 3
- 书签数: 4
- 建立时间: 2007-01-16
- 更新时间: 2011-04-03
