二课HTML与CSS.ppt

第二单元 HTML与CSS ;网页组成 ;例 2-1: 一个简单的网页 html head title网页标题/title /head body !--以下是网页的主体部分-- p一个简单的网页/p % response.write(现在系统的时间为: now) % /body /html ;网页文档结构 ;网页文档结构 续;编写网页文档的工具;HTML语法;在HTML文档源码中的段落标志、空格、换行在浏览器浏览时不会显示其效果的。若要在浏览器中浏览段落的效果在源码中用“p /P ”把文字包含其内；若要显示空格的效果在源码中用“nbsp;”表示；若要显示换行的效果在源码中要换行的位置插入“ br ”标记。 特殊字符：HTML语言中定义的一些特殊的字符，不能在HTML文档中不能直接从键盘输入小于号、大于号、双引号“”等，而应在HTML源码中输入相应的符号。如小于号、大于号、双引号“”分别对应着LT、GT、QUOT。 HTML文档中的任何一个对象都要受制于一个或多个标记。;例 2-2: 语法应用举例 html head title网页标题/title /head body !--以下是网页的主体部分-- p一个简单的网页/p % response.write(现在系统的时间为: now) % /body /html ;HTML标记;标记按出现的情况可分为： 双标记：标记名 对象内容 ／标记名 例：p段落内容/p。 单标记： 标记名 比如换行标记br 没有标记尾 再比如图像标记img 也没标记尾 例: img src=mao1.JPG width=100 height=75;带有属性的标记： 标记名 属性名1＝“属性值” 属性名2＝“属性值” … 对象内容／标记名 例：font face=“楷体_GB2312” size=“5” color=“red” 石油化工学院 /font 成组标记：table，form，ul, ol, dl, frameset，fieldset及其子标记等;HTML元素的概念和分类(*) ;2. 根据元素的排列方式分类 ;常用HTML标记;常用页面标记;3. body /body body/body是Html文档的主体部分，在此标签对之间可包含p、/p、h1、/h1、br、hr等等众多的标签，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标签必须一块使用。body标签中还可以有以下常用属性： ; 属性用途 ;4. title/title 浏览器窗口最上边蓝色标题栏部分显示的文本信息，那些信息一般是网页的“主题”，要将您的网页的主题显示到浏览器的顶部其实很简单，只要在title/title标签对之间加入您要显示的文本即可。注意：title/title标签对只能放在head/head标签对之间。;5. frameset /frameset frameset /frameset框架集可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个框架，而多个框架可以同时显示在同一个浏览器窗口中，它们组成了一个最大的框架，也即是一个包含多个Html文档的Html文件(我称它为主文档)。; frame标签放在frameset/frameset之间，用来定义某一个具体的框架。frame标签具有src和name属性，这两个属性都是必须赋值的。src是此框架的源Html文件名(包括网络路径，即相对路径或网址)，浏览器将会在此帧中显示src指定的Html文件；name是此框架的名字，这个名字可用来指定Html文件显示在哪一个框架中。;常用文本格式标记;2. 段落标记 源文件中各行之间有换行，但是Web 浏览器忽略这些换行，只有遇到另一个p标记时才开始新段落P。用P标记指明段落，浏览器忽略源文件中的任何缩进或空行，如果没有 P 标记，文档将被看作一个大段落处理。 注意：结束标记/P可以省略，这是因为当浏览器遇到一个P标记时，它认为前一个段落到此结束。;3. 字体与样式标记 font/font是一对很有用的标签对，它可以对输出文本的字体大小、颜色进行随意地改变。 B HTML语言/B　　　　　粗体　　　　　　　　　　　　　　 I HTML语言/I　　　　　斜体