1-2节《网站开发》课程地位、目标及章节.pptVIP

第一章 XHTML语言介绍、基本结构 本节目标 1.1 XHTML语言介绍 1.2 XHTML文件的基本结构 1.3站点的建立 本节案例 简单网页制作 XHTML语言介绍 什么是XHTML XHTML的优点 XHTML文件的基本结构 HTML的文档结构 html.../html head.../head body.../body XHTML文件的基本结构 1.html/html ——用于标识HTML文档的开始和结束。 2.head/head ——定义了HTML文档的头部分 3.body/body ——定义了HTML文档的主体部分，其间放置的是实际要显示的文本内容和其他控制文本显示方式的标签。 XHTML文件的基本结构 head/head----1 title /title ——title元素定义HTML文档的标题。title与/title之间的内容将显示在浏览器窗口的标题栏。 XHTML文件的基本结构 head/head----2 meta meta name=keywords content=study,computer“/ meta http-equiv=“Content-Type” content=“text/html; charset=gb2312”/ meta name=“Description” content=“This is an school“/ XHTML文件的基本结构 head/head----3 script/script ——用于在HTML文档中插入脚本语言。 head/head----4 style/style ——用于在HTML文档中插入CSS样式。 XHTML文件的基本结构 body/body ——定义了HTML文档的主体部分，其间放置的是实际要显示的文本内容和其他控制文本显示方式的标签。 主要有以下属性： ★ text ★ link ★ alink ★ vlink ★ background ★ bgcolor ★ leftmargin ★ topmargin 案例制作 用记事本文件，输入以下代码，制作下图网页 站点的建立 总结 案例扩展 制作一个网页，为网页添加背景图片，文字为黑色，文字距顶部50px，左部100px 5个问题 XHTML的基本结构是什么？ head/head标签中可以放置那些标签？ 如何用meta设置网页的关键字？ 如何设置网页的背景颜色？ 简述如何建立站点？ 下节预习 了解标题标记 了解段落标记 了解列表标记 图1.1 第一张网页 了解XHTML语言的概念和特点 掌握 XHTML文件的基本结构 掌握建立网页站点 HTML是一种基本的WEB网页设计语言 。XHTML 是一种在HTML 基础上优化和改进的的新语言 。 与HTML相比，XHTML有以下优点： 1. XHTML解决HTML语言所存在的严重制约其发展的问题。 2. XHTM非常严密，更适应web发展的趋势 。 2. XHTML是能与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。 元素：是HTML语言的基本部分。元素总是成对出现，每一对元素一般都有一个开始的标记（如body），也有一个结束的标记（如/body）。元素的标记要用一对尖括号括起来，并且结束的标记总是在开始的标记前加一个斜杠。 上图代码： html head title我的第一个网页/title /head body 这是我的第一个网页!，虽然简单，但是一个好的开始！ /body /html 1.html/html html标签用于HTML文档的最前面，用来标识HTML文档的开始；/html标签则相反，它放在HTML文档的结束，用来标识HTML文档的结束，两个标签必须成对使用，网页中所有其他的内容都要放在html和/html之间。 2.head/head 一个网页文件从总体上可以分为头部和主体两部分。 head和/head定义了HTML文档的头部分，必须是结束标签与开始标签成对使用。在此对标签对之间可以使用title/title、meta、script/script、style/style、link等标签对，这些标签对都是描述HTML文档相关信息的， head和/head标签对之