网页制作第1讲.ppt

《网页制作》基础培训 课程内容 网页设计语言 HTML基础 Dreamweaver使用 5.1 HTML 简介 1. 一个HTML举例 例子解释 HTML文档中，第一个标签是html。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是/html，这个标签告诉浏览器这是HTML文档的终止。在head和/head标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在title和/title标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在body和/body标签之间的文本是正文，会被显示在浏览器中。在b和/b标签之间的文本会以加粗字体显示。 关于HTML编辑器： 用一些所见即所得的编辑器，比如frontpage，Dreamwaver，你可以很容易创建一个页面，而不需要在纯文本中编写代码。但是假如你想成为一名熟练的网页开发者，我们强烈推荐先用纯文本编辑器编写代码，这有助于学习HTML基础。 HTML元素 HTML文档是由HTML元素组成的文本文件。HTML元素是预定义的正在使用的HTML标签。HTML标签用来组成HTML元素。HTML标签两端有两个包括字符：“”和“”,这两个包括字符被称为角括号。HTML标签通常成对出现，比如b和/b。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的，b跟B表示的意思是一样的。 建议书标签书写成小写！ HTML元素 bodyThis is my first homepage. bThis text is bold/b/body HTML标签以开始标签body起始，终止于结束标签/body。body标签的目的是定义一个HTML元素，使其包含HTML文档的主体。 HTML元素以开始标签b起始， 内容是：This text is bold，以结束标签/b中止。b标签的目的是定义一个需要被显示成粗体的HTML元素。 *为什么使用小写标签？ 我们刚说过，HTML标签是大小写无关的：B跟b含义相同。当你上网的时候，你会注意到多数教程在示例中使用大写的HTML标签，我们总是使用小写标签。为什么？ 假如你想投入到下一代HTML中，你应该开始使用小写标签。W3C在他们的HTML4建议中提倡使用小写标签，XHTML（下一代HTML）也需要小写标签。 标签属性 标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签body定义了HTML页面的主体元素。使用一个附加的bgcolor属性，你可以告诉浏览器：你页面的背景色是红色的，就像这样： body bgcolor=red 引号样式 属性值应该被包含在引号中。双引号是最常用的，但是单引号也可以使用。在很少情况下，比如说属性值本身包含引号，使用单引号就很必要了。比如：name=‘John “ShotGun” Nelson’。 【注意】中文引号跟英文引号是不一样的。上面所指的引号都是英文状态下的引号。 HTML基本标签 HTML中最重要的标签是定义标题元素，段落和换行的标签。 学习HTML的最好方法是编辑运行示例代码。 段落标签 Paragraph.htm源代码: html body pThis is a paragraph./p pThis is a paragraph./p pThis is a paragraph./p pParagraph elements are defined by the p tag./p /body /html 这个例子说明了段落元素中的文本是如何在浏览器中显示的。 HTML自动在一个段落前后各添加一个空行。 标题标签 Heading.htm源代码 html body h1This is a heading,h1./h1 h2This is a heading,h2./h2 h3This is a heading,h3./h3 h4This is a heading,h4./h4 h5This is a heading,h5./h5 h6This is a heading,h6./h6 pUse heading tags only for headings. Dont use them just to make something bold. Use other tags for that./p /body /html 标题元素由标签h1到h6定义。h1定义了最大的标题元素，h6定义了最小的。 标题居中 Heading-1.htm源代码 html body h1 align=centerThis is heading 1/h1 pThe heading above i