一个人不应该依附在其他人身上,一个人应该首先自力更生。你应该自己能够独立,能够安顿你自己,那你就不会害怕了。你爱你自己的话,别人不能不爱你吧。

发布新日志

  • HTML快速参考

    2007-03-01 17:51:43Top 3 Digest 3

    HTML快速参考

    注释 结构标记 头标和标题 段落的区域 链接 列表
    字符格式 图像、声音、嵌入媒体 表单 表格  

    注:MS表示它仅适用于IE。

    注释(Comment)

    <!-...->           创建注解,也用于隐含浏览器不支持的Javascrīpt程序。

    结构标记(Structure Tags)

    标记

    属性

    功能

    <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>被认为无用。

    头标和标题(Heading and Title)

    标记

    属性

    功能

    <h1>...</h1>       第一层头标
    <h2>...</h2>    第二层头标
    <h3>...</h3>    第三层头标
    <h4>...</h4>    第四层头标
    <h5>...</h5>    第五层头标
    <h6>...</h6>    第六层头标
    <title>...</title>    标题。在<head>中使用
    所有的标题目录具有以下属性: align="..."      可能的值为center, left, right

    段落的区域(Paragraphs and Regions)

    标记

    属性

    功能

    <p>...</p>   一般段落结束的标志,</p>可选
      align="..." 文本对齐为中心(center)、左(left)、右(right)
    <div>...</div>   格式化文本区域
      align="..." 文本对齐为中心(center)、左(left)、右(right)

    链接(Links)

    标记

    属性

    功能

    <a>...</a>   用href的属性创建与另一个文件的链接,使用name的属性创建可被链接的锚
      href="..." 链接被激活时调用的URL
      name="..." 锚名
      target="..." 与文件相链接的帧(Frame)

    列表(Lists)

    字符格式(Character Formatting)

    其它要素(Other Elements)

    图像、声音和嵌入媒体(Images, Sounds, and Embedded Media)

    表单(Forms)

    表格(Tables)

    帧(Frames)

  • HTML参考

    2007-03-01 16:08:59Top 1 Digest 1

    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:14Digest 1

    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
    中的四个特殊字符(<,>,&,")是不能直接写在文件中的,必须用后面的语句来替换, <=&lt; >=&gt; &=&amp; "=&quot;(英文字母一定要小写)

    8.
    一些语义格式的字体效果<cite>,标题的斜体字<code>,显示源程序的宽体字<em>,强调用的斜体字<kbd>,要求键盘输入的宽体字<samp>,状态表示的宽体字<strong>,强调的粗体字<var>,构造变量的斜体字

  • 2007-03-01 html

    2007-03-01 09:32:45

    2007-03-01 09:30 昨天html小结。(0001.htm,0002.htm)

    HTML的基本元素

    HTML(HyperText Markup Language,超文本标记语言)

    注意:虽然你可以参考别人的HTML代码,但是抄袭别人的代码属于侵权行为。

    需要一些编程语言来完成,如JAVAscrīpt、VBscrīpt、CGI、ASP等等。

    要多学习、借鉴,自己多动手、多尝试。

    页面基本元素
      HTML语言是由一系列标记组成的,每个标记有它特定的含义。标记用<>标示,以便和页面的内容区分开来。大多数标记成对出现,后面的标记加上一个“/”,表示结束。

    • <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——页面的背景部分。
       

    BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
    BGPROPERTIES:设置成FIXED,则背景图案不滚动。(只对IE有效)
    BGCOLOR:背景色。
    注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。
        LEFTMARGIN、TOPMARGIN——页边空白。(只对IE有效)
       
    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

    1. 段落

      <P>

          段落的标记是<P></P>,中间是一段的内容。
          </P>可以省略,因为HTML碰到下一个<P>就知道另起一段了。
        

      P的属性
         
      P的一个基本属性是ALIGN(对齐),可以有LEFT(左)、CENTER(中间)、RIGHT(右)几个值,默认值是LEFT。


      <p align="left">左对齐段落。

      <p align="center">居中段落。

      <p align="right">右对齐段落。


      空格“&nbsp; ”。
         

    2. 特殊段落

      PRE
      ADDRESS
      HR

    3. 标题

      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>

    4. 换行 (可参看换行

      <BR>
      <NOBR>
      不换行,水平滚动条。                          <WBR><NOBR></NOBR>对里几个固定的地方可以换行,可以用<WBR>

    5. =========================================================================


    下午开工0004.htm:

    0005.htm(15:40over)

    0006.htm

    0007.htm

    0008.htm=======doing。。。

     

     

     

    常用的控制符

         
     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

    开始后学习~心情恢复~  15:48。

    开工。15:55

    html教程网址

    http://www.dreamdu.com/xhtml/ 

    http://www.blabla.cn/html_tag_ref/address.html

     

Open Toolbar