第2课HTML与CSS.ppt

第二单元 HTML与CSS 网页组成 网页文档结构 网页文档结构 续 编写网页文档的工具 HTML文档是一个纯文本文件，可以使用任何文本编辑器编写保存 使用记事本 使用Dreamweaver 使用FrontPage HTML语法 HTML语言一般遵循以下原则： 1、标记不区分大小写的，HEAD /HEAD和head /head是相同的。 2、一行可以写多个不同的标记，一对标记也可以写在不同的行中，不需用续行的标记符。 3、每一对标记不能交叉使用，只能嵌套使用 例如： table border=1 tr td p HTML文档的基本结构，正文从这里开始。/p /td /tr /table HTML语法续 在HTML文档源码中的段落标志、空格、换行在浏览器浏览时不会显示其效果的。若要在浏览器中浏览段落的效果在源码中用“p /P ”把文字包含其内；若要显示空格的效果在源码中用“nbsp;”表示；若要显示换行的效果在源码中要换行的位置插入“ br ”标记。 特殊字符：HTML语言中定义的一些特殊的字符，不能在HTML文档中不能直接从键盘输入小于号、大于号、双引号“”等，而应在HTML源码中输入相应的符号。如小于号、大于号、双引号“”分别对应着LT、GT、QUOT。 HTML文档中的任何一个对象都要受制于一个或多个标记。 HTML标记 标记是HTML文档中一些有特定意义的符号，这些符号指明内容的含义或结构。标记总是放在三角括号中，大多数标记都是成对出现的，表示开始和结束。 标记按出现的情况可分为： 双标记：标记名 对象内容 ／标记名 例：p段落内容/p。 单标记： 标记名 比如换行标记br 没有标记尾 再比如图像标记img 也没标记尾 例: img src=mao1.JPG width=100 height=75 HTML标记 的分类续 带有属性的标记： 标记名 属性名1＝“属性值” 属性名2＝“属性值” … 对象内容／标记名 例：font face=“楷体_GB2312” size=“5” color=“red” 石油化工学院 /font 成组标记：table，form，ul, ol, dl, frameset，fieldset及其子标记等 HTML元素的概念和分类(*) 把HTML标记（如p内容/p）和标记之间的内容组合称为HTML元素 1. 根据元素有无内容分类 “有内容的元素”是由起始标记、结束标记和两者之间的内容组成，其中元素内容既可以是文字内容，也可以是其他元素。 “空元素”则只有起始标记而没有结束标记和元素内容，可见“空元素”对应单标记 2. 根据元素的排列方式分类 行内元素(inline)是指元素与元素之间从左到右并排排列，只有当浏览器窗口容纳不下才会转到下一行 块级元素(block)是指每个元素占据浏览器一整行位置，块级元素与块级元素之间自动换行，从上到下排列。 常用HTML标记 常用页面标记 1. html /html html标记用来标识Html文档的开始。而/html用来标识Html文档的结束，两个标签必须一块使用。 2. head /head head和/head构成Html文档的开头部分，在此标签对之间可以使用title/title、script/script等等标签对，这些标签对都是描述Html文档相关信息的标签对，head/head标签对之间的内容是不会在浏览器的框内显示出来的。两个标签必须一块使用。 常用页面标记续 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文件(我称它为主文档)。 常用页面标记续 fr