第2章节网页设计语言基础.ppt

第2章 网页设计语言基础 网页设计者，必须具备HTML语言的基本知识。 学 习 目 标 本 章 重 点 HTML概念 HTML:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言. 用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台. HTML文档结构 htmlheadtitleTitle of page/title/headbodyThis is my first homepage. bThis text is bold/b/body/html 例子解释 HTML文档中，第一个标签是html。这个标签告诉浏览器这是HTML文档的开始。HTML文档的最后一个标签是/html，这个标签告诉浏览器这是HTML文档的终止。 例子解释 在head和/head标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。头信息中包含title../title和script…/script等标签对。在title和/title标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 例子解释 在body和/body标签之间的文本是正文，会被显示在浏览器中。 在b和/b标签之间的文本会以加粗字体显示。 HTML标签 HTML标签用来组成HTML元素。HTML标签两端有两个包括字符：“”和“”,这两个包括字符被称为角括号。HTML标签通常成对出现，比如b和/b。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML标签是大小写无关的，b跟B表示的意思是一样的。 HTML元素 下面是一个HTML元素：bThis text is bold/b 此HTML元素以开始标签b起始， 内容是：This text is bold，以结束标签/b中止。b标签的目的是定义一个需要被显示成粗体的HTML元素。 下面也是一个HTML元素：bodyThis is my first homepage. bThis text is bold/b/body 此HTML标签以开始标签body起始，终止于结束标签/body。body标签的目的是定义一个HTML元素，使其包含HTML文档的主体。 标签属性 标签可以拥有属性。属性能够为页面上的HTML元素提供附加信息。标签body定义了HTML页面的主体元素。使用一个附加的bgcolor属性，你可以告诉浏览器：你页面的背景色是红色的，就像这样： body bgcolor=red HTML基本标签 HTML中最重要的标签是定义标题元素，段落和换行的标签。 标题元素标题元素由标签h1到h6定义。h1定义了最大的标题元素，h6定义了最小的。h1This is a heading/h1h2This is a heading/h2h3This is a heading/h3h4This is a heading/h4h5This is a heading/h5h6This is a heading/h6 HTML自动在一个标题元素前后各添加一个空行。 问题： 如果要在浏览器中输出含有h1的字符应该怎么做？ 答： 可以考虑使用转移字符。 的转移字符表示为lt 的转移字符表示为gt 段落段落是用p标签定义的。pThis is another paragraph/p HTML自动在一个段落前后各添加一个空行。 换行当需要结束一行，并且不想开始新段落时，使用br标签。br标签不管放在什么位置，都能够强制换行。pThis br is a parabrgraph with line breaks/p br标签是一个空标签，它没有结束标记。 HTML中的注释 注释标签用来在HTML源文件中插入注释。注释会被浏览器忽略。你可以使用注释来解释你的代码，这可以在你以后编辑代码的时候帮助你。!-- This is a comment -- 注意：你需要在左括号“”后面跟一个感叹号，右括号不用。 练习 完成以下网页设计： 1、 2、 其它HTML代码 如超级链接a/a: a href=“/”腾迅网/a . 注意： 如果是链接到外部的网页的话，一定要加上协议。 比如http://，否则在上面中输入 a href=“”腾迅网/a 是打不开网站的。 无序号列表 无序号列表使用的一对标签是ul/ul，每一个列表项前使用LI。其结构如下所示：