动态网页设计应用教程chap02.ppt

* ASP动态网页设计应用教程 重点内容： HTML语言结构 HTML非正文标记 HTML正文标记 HTML特殊标记 第2章 ASP框架语言——HTML 一、HTML语言结构 HTML是一种超文本标记语言，是标准的ASCII文本文件。从本质上说，一个HTML文件就是添加了许多标识性字符串——HTML标记（tag）的普通文本文件。从结构上讲，HTML文件由各种标记元素（elements）组成，每个标记由“ ”包含起来，且大部分成对出现。例如title是一个开始标记，在其前面加一斜杠后，即/title就构成了它的结束标记。HTML网页就是由内容及标记组成的页面。 二、HTML非正文标记 HTML文档的开始标记是html，它告诉浏览器下面的内容是HTML文档，同时在HTML文档结束处要有对应的/html，它告诉浏览器HTML文档结束了。其作用在于指明HTML文档的开始和结束。所有其他标记都必须置于HTML标记中间，否则客户浏览器将忽略不在其间的标记。因此用html开始Web页面，以/html结束。 1、开始和结束标记 二、HTML非正文标记 HTML文档的主体标记是body……/body，是HTML文档最核心的部分。Web页面的主要内容都放在这里。即使在这里只输入几个字，而不加入任何正文标记修饰，其输入的字也会原样显示在浏览器的窗口中。 3、主体标记 body [Background=# | Bgcolor=# | Text =# | Link =# | Alink=# | Vlink =# | Leftmargin =# | Topmargin =# ] …… /body 语法格式： 参数说明： html head !-- 以下设置密码为123456 -- script language=vbscript dim s s= do while s123456 s=prompt(请输入密码：) loop /script /head /html 二、HTML非正文标记 HTML文档的头部标记是head……/head，其作用在于初始化文档的信息。虽然在其间编写的内容不会显示在浏览器的窗口中，但它的功能主要表现如下。 2、头部标记 示例：循环密码登录程序 三、HTML正文标记 标题字体通过Hx…/Hx标记实现，夹在Hx和/Hx中间的文字为加黑、加大显示。标题元素共有6种，分别为h1，h2，…，h6，用于表示文档中的各级标题。标题号x越小，则表示的标题字体就越大。默认情况下，浏览器对各级标题做如下解释。 1、标题字体标记 Hx [align=#] …… /Hx 语法格式 ： html headtitle不同的标题字体/title/head body h1清平调/h1 h2李白/h2 h3 align=left云想衣裳花想容，/h3 h4 align=right春风拂槛露华浓。/h4 h5 align=center若非群玉山头见，/h5 h6会向瑶台月下逢。/h6 /body /html 三、HTML正文标记 在HTML文件中为了排版整洁、表述清楚，正文信息通常需要被分成多个段或多行，所以需要用到段落标记p 、换行标记 br 。p表示新的一段开始，不同段之间将产生一空白行。br表示新的一行开始，与换段标记的区别是，将不会产生空白行。 2、段落标记与换行标记 html body ? 这首《清平调》诗，以牡丹花比贵妃的美艳。（加换段标记）p首句以云霞比衣服，以花比容貌；二句写花受春风露华润泽，犹如妃子受君王宠幸；三句以仙女比贵妃；四句以嫦娥比贵妃。（加换行标记）br这样反复作比，塑造了艳丽有如牡丹的美人形象。 ? /body /html 示例 ： 三、HTML正文标记 由于浏览器不会识别普通文本段中的缩进部分和空白，当使用格式化文本的方法时，不能使浏览器按照所指定的格式显示文本。这时就要使用预格式化文本标记pre……/pre，控制其按原输入模式显示在浏览器上，并且此时显示的内容不会因浏览器窗口的调整而自动换行。 3、预格式化文本标记 html bodypre 《清平调》诗共有三首，是 李白 在长安为翰林时所作。有一次，唐明皇与杨贵妃在沉香亭观赏牡丹， 因命李白作新乐章， 李白奉旨作了三章。 /pre/body /html 示例 ： 三、HTML正文标记 使用水平线标记hr可以在Web页面中插入一条横向水平线。参数size可以定义横线的厚度，align可设置横线的对齐方式（Left、Righ、Center），width可设置横线的宽度，no