Task2分析和总结分析和总结.docxVIP

Task2：使用 HTML 创建静态页面 【学习目标】 了解 HTML 语言的基本特点 掌握常用 HTML 标记的功能和用法 制作表单网页 使用 CSS 样式表 了解 JavaScript 语言的基本特点 准备知识 1：HTML 基本标记 1、 什么是 HTML 语言？ HTML（Hypertext Markup Language ,超文本标识语言）是网页的基础语言，它通过利用各种标记（TAG）来标识文档的结构以及标识超级链接的信息。无论采用哪种技术进行 Web 开发，最终表现在用户浏览器中的还是 HTML 代码。因此，了解一些基本的 HTML 知识对今后的学习非常有帮助。 在 HTML 中，标记是用来界定各种单元，如标题、段落、列表等。HTML 单元由三部分组成：起始标记、单元内容、结束标记。起始标记由“ ”和“ ”来界定，结束标记由“ /” 和“ ”来界定，单元名称和属性由起始标记给出，格式如下： 标记名称 属性名 1＝属性值 1 属性名 2＝属性值 2??内容标记名称/ 例如：body background=images/bg.jpg leftmargin=30 ??/body 表示将网页背景图像设为 images 文件夹中的 bg.jpg，页面左边距为 30 像素。 HTML HEAD !-- 首部元素、元素属性及基本内容。-- /HEAD BODY !-- 主体元素、元素属性及基本内容。该部分显示在浏览器中。其中可以包含许多元素，如tablepimga等标记，是 HTML HTML HEAD !-- 首部元素、元素属性及基本内容。-- /HEAD BODY !-- 主体元素、元素属性及基本内容。该部分显示在浏览器中。其中可以包含许多元素，如tablepimga等标记，是 HTML 语言的核心部分。-- /BODY /HTML 2、 如何创建 HTML 文档？ 创建 HTML 文档的方式有很多，比如用 FrontPage、Dreamweaver、Microsoft Visual Studio 2005 等专业的工具软件来制作，或者用简单的编辑工具，如记事本等程序来编辑HTML 文档亦可。这里以记事本为例，来学习编辑 HTML 文档的过程。 首先，打开“记事本”程序，输入以下的源代码，标记字母大小写均可，将文件保存为 firstpage.htm。 html html head head meta http-equiv=Content-Type content=text/html; charset=gb2312 title我的第一个网页/title /head body bgcolor=#FFFFFF text=#000000 p align=centerfont size=12ibfont face=楷体_GB2312a href= target=_blank欢迎进入学院主页 /a/font/b/i/font/p/body /html 编辑完毕后，用 IE 浏览器打开 firstpage.htm，显示效果如图 2—1 所示。 图 2－1 一个简单的 HTML 网页3、 常用的 HTML 标记有哪些？ 现将一些经常用到的标记符基本用法总结在下面的列表中。 标记符 表 2—1 常用 HTML 标记用法 功能说明 !-- META -- 注释标记，为代码加上说明，但不被显示 开头说明，提供关于该网页的信息给浏览器 TITLE/TITLE P/P Hn/Hn BR HR B/B I/I FONT/FONT OL/OL UL/UL LI 表示网页标题，显示于浏览器顶端 段落标记，表示另起一段，段落之间有一空白行 表示 n 级标题文字，如H1/H1表示一级标题文字，字体最大;H6/H6表示六级标题文字，字体最小 换行标记，使内容显示于下一行水平线，插入一水平线 粗体标记，产生字体加粗的效果 斜体标记，字体出现斜体效果 字体标记，设置字体、大小、颜色等创建一个标有数字的有序列表 创建一个标有圆点●的无序列表 表示列表项 TABLE/TABLE TR/TR TD/TD IMG SRC=” ” A HREF=”??” /A 表格标记 表示表格中的行 表示表格内的单元格插入图片 超链接标记 任务 2.1 创建学生信息管理系统网站主页 任务要求： 创建学生信息管理系统的首页，如图 2－2 所示。 图 2－2 学生信息管理系统网站主页 要求：页面中包含标题图片，FLASH 导航按钮，排版表格，文字链接，版权声明等内容。解决步骤： 打开“记事本”程序，输入以下代码，并保存为 index.htm。 html html headtitle飞跃学生管理系统/title /head body /body /html