html学习笔记1

*****META**************
    META标记用于描述不包含在标准HTML里的一些文档信息。
 1. 本页的关键字和描述。
 在页面里加上这些定义后，一些搜索引擎就能够让读者根据这些关键字查找到你的主页，了解你的主页内容。
 <META NAME="keywords" CONTENT="yourkeyword">
 <META NAME="description" CONTENT="your homepage's description">
 
 2.自动转页和刷新功能???
    <META HTTP-EQUIV=”refresh” CONTENT=”60, URL=”new.htm”>
     浏览器将在60秒后，自动转到new.htm。你可以利用这个功能，制作一个封面，在若干时间后，自动带读者来到你的目录页。
     如果URL项没有，浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。

 3. 描述本页使用的语言。
    <META HTTP-EQUIV=”content-type” CONTENT=”text/html; charset=”GB2312”>
    浏览器根据此项，就可以选择正确的语言编码，而不需要读者自己在浏览器里选择。GB2312是指简体中文，而台湾BIG5内码的主页则是用BIG5。

 4.强制性调用网上的最新版本。
     <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
     浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。

LINK
    显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下：
    <LINK REL=”stylesheet” HREF=”style.css”>
    REL参数说明两个文档之间的关系，HREF说明目标文档名。

BASE
    本文档的原始地址。语法是：
    <BASE HREF=”原始地址”>

BODY
    BODY标记有一些属性，用于定义页面内的显示效果。

   1.文字颜色
    ALINK、LINK、TEXT、VLINK—— 文字的颜色。
    ALINK：当前激活的连接的文字颜色。
    LINK：连接的文字颜色。
    TEXT：文字的颜色。
    VLINK：参观过的文字颜色。
    注意：文字的颜色要和背景色有明显的差别，以便读者浏览。

    2.页面的背景
    BACKGROUND、BGPROPERTIES、BGCOLOR——页面的背景部分。
    BACKGROUND：背景图案，该图案在页面内平铺。背景图案应保持单一色调，以保证页面文字易于阅读。
    BGPROPERTIES：设置成FIXED，则背景图案不滚动。（只对INTERNET EXPLORER有效）
    BGCOLOR：背景色。
    注意：如果你的背景图案是深色调，因之文字颜色为淡颜色，那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”，那么在背景图案没有显示的情况下，你的文字在白颜色下很难阅读，所以应该选用一个跟你的背景图案颜色一致的背景色。

    3.页边空白
    LEFTMARGIN、TOPMARGIN——页边空白。（只对INTERNET EXPLORER有效）
    LEFTMARGIN：左边页边空白。
    TOPMARGIN：顶端页边空白。

一、Head元素 　　

　　Meta 它记录当前页面的信息，例如字符编码、作者、版权和关键字等。
       还可以用来向服务器提供信息，例如截止日期和页面刷新间隔等。
       它的两种基本用法是：告诉浏览器网页所识别的文件类型及语言类型；
      让搜索引擎按关键字搜索到你的网页。 　　
　　   Attribute 指定Meta标签是否包含Name (页面描述信息)或HTTP Equiv (HTTP标题信息)。
         “Value”指定所提供信息的类型。有些值是已经定义好的，
       在DW中有专门的属性检查器。例如description(说明)、keyword(关键字)、refresh(刷新)等。
          还可以指定其它任意值，如：creationdate(创建日期) 、document ID(文档编号)和level(等级)等。 　　

　　   Content。如果指定level(等级)为Value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。 　　

　　Title
 页面标题，显示在浏览器的标题栏上。 　　

　　Keywords
 许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容，并使用该信息在其数据库中建立对该页面的索引。
 有些搜索引擎在建立索引时对关键字或字符有数量上的限制。
 有些则在关键字超出限定范围时忽略所有关键字。因此为网页精选关键字是很有必要的。
 在标志为Keywords的域中使用逗号来分隔关键字。 　　

　　Description
 与Keywords具有相似的功能。只是用描述性的语句代替了关键字。
 部分搜索引擎在建立索引时对字符数有一定的限制，因此应尽量言简意赅。 　　

　　Refresh使用Refresh元素可以指定在某一时间段后自动对页面进行刷新。 　　

　　Action指定是否要转到其它URL或刷新当前页面。要转到其它URL，可单击Brower按钮选择要载入的页面。 　　

　　Delay在刷新页面之前以秒为单位的等待时间，要立即刷新页面，可以在此域中输入0。 　　

　　Base使用Base元素可设置基本URL。 　　

　　Href指定基本URL，可直接键入路径或选择。 　　

　　Target指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一，默认为_self。 　　

　　Link使用Link元素可定义当前文档和其它文件（如CSS文件）之间的关系。 　　

　　ID指定某链接的唯一标识符。 　　

　　Title说明链接的关系。此属性对链接样式表非常合适。 　　

　　Rel指定当前文档和Href域中文档之间的关系。其可能的值包括：Alternate(备选)、Stylesheet(样式表)、Start(启动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、Copyright(版权)、Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书签)等。要指定多个关系，请使用空格将值分开。 　　

　　二、实例说明 　　

　　 <title> HEAD元素使用集锦</title> 　　
　　 <!－－网页标题 －－> 　　
　　 <meta http－equiv=″Content－Type″ content=″text/html; charset=gb2312″> 　　
　　 <!－－网页内容类型，TXT或HTML格式，编码方式为GB2312 －－> 　　
　　 <meta name=″keywords″ content=″HEAD元素″> 　　
　　 <!－－ 关键字信息 －－> 　　
　　 <meta name=″description″ content=″本网页用于说明HEAD元素的使用方式″> 　　
　　 <!－－ 对网站的进一步描述－－> 　　
　　 <meta http－equiv=″refresh″ content=″5;URL=index.htm″> 　　
　　 <!－－网页在5秒后自动刷新，链接地址为index.htm页 －－> 　　
　　 <base href=″″ target=″_blank″> 　　
　　 <!－－基本链接设定，目标为弹出新页面。此项可用于Frame页中指定链接显示的Frame，例如：target=″main″> 　　
　　 <link rel=″stylesheet″ href=″homepage.css″> 　　
　　 <!－－调入样式表，链接样式表文件″homepage.css″ －－> 

CENTER
     使段落居中。即使没有<P>标记，CENTER也会重起一个新的段落。
     CENTER可以包含多个段落、图像等标记，使这些元素都居中排列。

PRE

 如果你有一段预先设置好格式的段落，要保持原来的空格、换行等效果，你可以把他们包含在<PRE></PRE>对中。
 <PRE>标记简单的保持原有效果，这在你需要显示一大段程序代码时特别有用。
 <PRE>中的文字全部使用一种字体，看起来不太美观。如果不是非常必要，不推荐采用<PRE>。
 在<PRE>中，一个制表符占据八个空格的位置。

ADDRESS

 Address标记用来表示一段地址信息或签名，通常放在页面的顶端或底端。
 Address标记中的文字按斜体显示，你可以使用<BR>标记换行。

BLOCKQUOTE

 <BLOCKQUOTE>用来表示对其他文章的引用，其中的文字在左边和右边有一定的缩进。

字体：逻辑性字体标记（了解）
 使用其功能来命名的标记，
 逻辑型字体标记一般适用于英文字体。
 一般主页制作时很少使用这些标记，因为他们的显示结果，
 一般都可以使用<FONT>、<B>、<I>等这些标记达到。不过，稍微了解一下，可以帮助我们看懂别人的HTML代码。

 BIG和 SMALL
  BIG和SMALL改变字体的大小。
 
 CITE
  CITE的全称是CITATION，引用、引证。用来表示一段引用的文字，也可以用来表示一个书名。
  CITE的内容一般采用斜体显示。
 

 CODE
  CODE用来专门显示计算机代码。不过一般是比较短的代码。
  大量的代码，可以使用<PRE>来保留原来的格式。CODE中文字的字体没有变化，而且是一种等间距字体。
  
 DFN
  DFN - definition，表示对某个事物的定义。
  用斜体表示。
 
 EM
  EM - emphasis，重点。EM中的文字是想要特别强调的部分。
  EM也用斜体显示。
 

 KBD
  KBD - KEYBOARD，键盘。用来显示表示用户输入的部分，
  使用等间距的打字机字体显示。
 

 SAMP
  SAMP - SAMPLE，但是它不是用来显示例子的，而是显示一些语言、文学上的文字。
  SAMP中的文字使用等间距字体。
 

 STRONG
  STRONG也是用来表示强调，
  中间的文字用黑体显示。
 

 SUB和SUP
  SUB - subscript，下标，文字缩小，底端和正常文字对齐。
  SUP - superscript，上标，文字缩小，上端和正常文字对齐。
 
 VAR
  VAR - variable，用来表示计算机程序中提到的变量。
  使用斜体表示。
 

Dynamic HTML 或者叫dHTML或DHTML
  是一种制作网页的方式
  可以通过JavaScript，VBScript，Document Object Modle（DOM），layers或者CSS来实现。

 　 他能改变页面中的一些效果，例如：当你的鼠标移到一幅图片的上面时，该图片能变为另一幅图。
  使用客户端的脚本语言（例如：JavaScript和VBScript）来改变HTML代码很常一段时间了
  
 DOM ：文件目标模型（Document Object Model）
   使用脚本语言去改变HTML语言中大多数的元素。
   能够被脚本语言改变的页面元素被叫做文件目标模型（Document Object Model）。
  DOM是Dynamic HTML的另一种形式：
  在感觉上，DOM应该是dynamic HTML中的核心内容。是它使得HTML代码能够被改变。
  
  DOM是在特定的时间在浏览器中被表示元素中的一个层。它包括一些有关环境的一些信息，
   例如：当前的时间和日期，浏览器的版本号，该网页的URL以及HTML中的元素（例如：p标记，divs或者表格标记）。
   通过开放这些DOM给脚本语言，浏览器就允许你来改变这些元素了。相对来说：还有一些元素不能被直接的被改变，
   但是你能通过使用脚本语言来改变一些其它元素来改变它们。
  在DOM中，事件模型用来指定什麽元素能够改变
   事件
   就是把鼠标放在一个页面元素上（onmouseover），加载一个页面（onload），提交一个表单（onsubmit），
   在表单文字的输入部分，用鼠标点击一下（onfocus）等等。
 CSS
  是DOM中的一部分，脚本语言能够改变CSS中的一些属性
  通过改变CSS，使你能够改变页面中的许多显示效果。这些效果包括：颜色，位置以及大小。

<input type="checkbox" name="NAME">  创 建 一 个 复 选 框，文 字 在 标 签 后 面
<input type="radio" name="NAME" value="x">  创 建 一 个 单 选 框，文 字 在 标 签 后 面
<input type=text name="foo" size=20> 创 建 一 个 单 行 文 本 输 入 区 域，size 设 置 以 字 符 计 的 宽 度
<input type="submit" value="NAME"> 创 建 一 个 submit（提 交）按 钮
<input type="image" border=0 name="NAME" src="name.gif"> 创 建 一 个 使 用 图 象 的 submit（提 交）按 钮
<input type="reset">  创 建 一 个 reset（重 置）按 钮