第2章HTML基础讲义.ppt

网页设计基础 要把信息发布到全球，就必须要使用一种大多数计算机或者浏览器能够识别的语言。 在Internet上，通常使用的发布语言是HTML (HyperText Markup Language，超文本标记语言)。 2.1 编辑与运行环境 HTML语言是一个纯文本文件，用户可以采用文本编辑器(常用为记事本)进行编写网页，通过浏览器来解释执行。 2.2 基本语法结构及文件结构 一个HTML文件是由一系列的元素和标签组成。 元素指逻辑上统一的对象，例如标题、网页主体等。 标签用来分割和描述这些元素。 单独标签 语法：元素名称 / 成对标签 语法：元素名称要控制的元素/元素名称 每个HTML标签，还可以设置一些相关元素的属性，控制HTML标签所建立的元素。 语法：元素名称 属性1=“值1” 属性2=“值2”……要控制的元素/元素名称 文件的基本结构 html //文件开始 head //文件头 title网页标题/title //网页标题 /head //文件头结束 body //文件体 网页正文 /body //文件体结束 /html //文件结束 html head title欢迎来到我的个人网页/title /head body 网页内容 /body /html 2.3 书写注意事项 “”是所有标记的开始和结束，元素的标记要用这对尖括号括起来，并且结束的标记总是在开始的标记前加一个“/”。 标签与标签之间是可以互相嵌套的。 在源代码中不区分大小写。 回车键和空格键在源代码中不起作用，为使代码清晰，建议不同的标记之间回车编写。 属性值也可以直接书写，即双引号可以省略。 代码中以!--开始和以--结束的代码为注释代码，便于网页阅读。 Xhtml 1.0规范 所有的标记都必须有一个相应的结束标记。 标签与标签之间合理嵌套。 源代码必须小写。 属性值必须用双引号括起来。 每个属性必须赋值。 2.4 Body标签中的基本属性 Text属性—设置页面文字颜色 语法： body text=“颜色值” 所有颜色表示方式为两种：十六进制（RGB）或英文颜色名称。如红色为red或者#ff0000。 Bgcolor—设置背景颜色 语法： body bgcolor=“颜色值” Background—设置背景图片 语法： body background=“背景图片所在位置” 背景图片所在位置的路径必须要描述正确，否则可能导致网页背景无法正常预览。 Link属性—设置默认没有单击过的连接文字颜色 Alink属性—设置鼠标按下链接文字时候的链接文字颜色 Vlink属性—设置单击过的链接文字颜色。 语法 body link=“颜色” alink=“颜色” vlink=“颜色” 在浏览器默认的情况下，链接文字的颜色为蓝色，访问过的文字颜色为紫红色。 Topmargin属性—设置上边距 语法： body topmargin=“值” Leftmargin属性—设置左边距 语法： body leftmargin=“值” html head title欢迎来到我的个人网页/title /head body text=“#ff0000” background=“bg.jpg” topmargin=“80” center欢迎来到我的站点/center /body /html 本章主要介绍了HTML语言的语法结构、书写注意事项和简单网页属性设置。通过本章的学习,使学生了解HTML语言是用来描述Web页面文档的语言，它不是一种编程语言，而是一种页面描述性标记语言。 第二章 HTML基础 本章要点 运行环境 网页实例 语法结构 文件结构 第一个HTML文件示例 程序代码 第二个HTML文件示例 程序代码 本章小结 思考题 (1) 一个HTML文件的编辑和运行环境？ (2)HTML文件分为哪几个基本部分？ (3)HTML文档的头部主要作用是什么？ (4)HTML的主体标记是什么，有哪些属性？ 第二章 HTML基础