页面静态标记A.ppt

2010－03 页面静态标记(A) 主要内容 HTML简介 HTML文件编写工具 一个HTML文件的简单例子 HTML的相关术语 HTML文件的基本结构 head及其相关标记 body及其相关标记 body标记 文字显示标记 段落控制标记 图像和超链接标记 列表和格式预定标记 HTML简介 HTML是HyperText Markup Language的缩写 一个HTML文件(即网页)是一些文本再加上一些标记符(markup tags)组成 标记符的作用是告诉浏览器如何显示HTML文件中的文本 HTML文件必须有.htm或者.html的文件后缀 HTML文件可以用简单文本编辑工具编写，如Windows中的记事本，也可以使用其他页面开发工具，如Dreamweaver、FrontPage、等 HTML文件编写工具(1) FrontPage Dream Weaver Notepad(记事本) … HTML文件编写工具(2) 静态页面设计 一个简单例子 html head title网页的标题/title /head body 这是我的第一个网页 i此处文本为斜体/i /body /html HTML相关术语（1） Tag(标记符) HTML tag(标记符)是用来标记HTML element(元素)的 HTML 标记符由符号“”和“”合围起来 标记符一般成对出现(围堵标记)比如i和/i，也有单独出现(空标记)的标记如br 对于成对出现的标记，第一个称为start tag(起始标记符)，接着出现的称为end tag(结尾标记符) 在起始和结尾标记符之间的称element content(为元素内容) HTML 标记符大小写不敏感i和I意义相同 HTML相关术语（2） element(元素) 此处的HTML元素开始于:i 此元素的内容是：此处文本为斜体 此元素以结束于:/i 此处标记符i的作用再于说明此处的元素内容以斜体显示 HTML相关术语（3） Tag attributes(标记的属性) 标记可以具有属性，属性可以给HTML元素提供更多信息 例如在body标记中可以有bgcolor属性，这个属性说明浏览器显示区域的颜色。若使bgcolor取值为red，则浏览器显示区域呈现红色。例如 属性的写法为：属性名称=“属性值” 属性写在起始标记中 HTML基本架构（1） html　　　 　 head … /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，用于定义网页的标题。 当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。演示 　　head title网页标题/title /head 头部及其相关标记（2） style和/style 　　　样式的定义写在sytle和/style之间,CSS一节详细讲述。 meta 　　　　用于说明与网页有关的信息，如：说明网页的制作工具、文件作者等信息。 head meta http-equiv=Content-Script-Type content= text/javascript meta http-equiv= Content-Style-Type content=text/css 　　meta name=Keywords content=XML,tutorial,HTML,DHTML, 　　CSS, JavaScript,ASP,ADO,VBScript,DOM,Active Server Pages, 　　Dynamic HTML,Internet,database / /head body标记 body和/body标记 　　体部文标记符body和/body包含Web 页的内容，同时也可以配置一些有用的页面属性，如： text=#000000 用以设定文字颜色。 #000000 代表黑色，亦可以采用颜色的名称，即 text=black 。 background=bg1.gif 设定