页面静态标记(A).ppt

2010－03页面静态标记(A)主要内容HTML简介HTML文件编写工具一个HTML文件的简单例子HTML的相关术语HTML文件的基本结构head及其相关标记body及其相关标记body标记文字显示标记段落控制标记图像和超链接标记列表和格式预定标记HTML简介HTML是HyperTextMarkupLanguage的缩写一个HTML文件(即网页)是一些文本再加上一些标记符(markuptags)组成标记符的作用是告诉浏览器如何显示HTML文件中的文本HTML文件必须有.htm或者.html的文件后缀HTML文件可以用简单文本编辑工具编写，如Windows中的记事本，也可以使用其他页面开发工具，如Dreamweaver、FrontPage、等HTML文件编写工具(1)FrontPageDreamWeaverNotepad(记事本)…HTML文件编写工具(2)静态页面设计一个简单例子htmlheadtitle网页的标题/title/headbody这是我的第一个网页i此处文本为斜体/i/body/htmlHTML相关术语（1）Tag(标记符)HTMLtag(标记符)是用来标记HTMLelement(元素)的HTML标记符由符号“”和“”合围起来标记符一般成对出现(围堵标记)比如i和/i，也有单独出现(空标记)的标记如br对于成对出现的标记，第一个称为starttag(起始标记符)，接着出现的称为endtag(结尾标记符)在起始和结尾标记符之间的称elementcontent(为元素内容)HTML标记符大小写不敏感i和I意义相同HTML相关术语（2）element(元素)此处的HTML元素开始于:i此元素的内容是：此处文本为斜体此元素以结束于:/i此处标记符i的作用再于说明此处的元素内容以斜体显示HTML相关术语（3）Tagattributes(标记的属性)标记可以具有属性，属性可以给HTML元素提供更多信息例如在body标记中可以有bgcolor属性，这个属性说明浏览器显示区域的颜色。若使bgcolor取值为red，则浏览器显示区域呈现红色。例如属性的写法为：属性名称=“属性值”属性写在起始标记中HTML基本架构（1）htmlhead…

/head

body…

/body/html

HTML基本架构（2）整份文件处於标记html与/html之间。html用以说明这是html文件，让浏览器认出并正确处理此html文件。文件分两部分，由head至/head称为头部，body至/body称体部。

基本上两者各有适用的标记。头部及其相关标记（1）head和/head首部标记head和/head位于Web页的开头，其中不包括Web页的任何实际内容，而是提供一些与Web页有关的特定信息。title和/title在首部标记符中，最基本、最常用的标记符是标题标记title和/title，用于定义网页的标题。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。演示headtitle网页标题/title/head头部及其相关标记（2）style和/style样式的定义写在sytle和/style之间,CSS一节详细讲述。meta用于说明与网页有关的信息，如：说明网页的制作工具、文件作者等信息。headmetahttp-equiv=Content-Script-Typecontent=text/javascriptmetahttp-equiv=Content-Style-Typecontent=text/cssmetaname=Keywordscontent=XML,tutorial,HTML,DHTML,CSS,JavaScript,ASP,ADO,VBScript,DOM,ActiveServerPages,DynamicHTML,Internet,database//headbody标记body和/body标记体部文标记符body和/body包含Web页的内容，同时也可以配置一些有用的页面属性，如：text=#000000

用以设定文字颜色。#000000代表黑色，亦可以采用颜色的名称，即text=black。background=bg1.gif

设定