HTML初学者教程:switch语句与网页基础

需积分: 0 0 下载量 87 浏览量 更新于2024-08-14 收藏 2.04MB PPT 举报
"HTML语言初级教学,讲解了HTML的基础知识,包括HTML的发展历史、基本框架、常用标记以及CSS和JavaScript的入门。重点展示了如何使用switch语句,并提供了几个HTML页面的案例,如HTML网页框架、字体标记和图片标记的使用。" 在HTML语言中,`switch`语句是一个在JavaScript中的控制流语句,用于执行多个可能的代码块之一,基于一个变量的值。在给定的描述中,我们看到一个简单的JavaScript `switch`语句的例子,用于根据变量`i`的值来设置字符串`val`的值。这个例子中,`i`被赋值为5,因此执行`case 5:`的代码块,将`val`设置为"五"。如果`i`的值不是3、4或5,那么会执行`default`分支,将`val`设置为"不知道"。 HTML语言概述: HTML(HyperText Markup Language)是互联网上最常用的一种标记语言,用于创建网页。它的结构由一系列的元素组成,这些元素通过开始和结束标签定义,如`<HTML>`、`<HEAD>`和`<BODY>`。HTML页面的基本结构包括`<HTML>`作为根元素,`<HEAD>`包含元数据(如标题、字符集等),而`<BODY>`则包含可见的内容。 HTML的常用标记: HTML标记是用来定义文档结构和样式的关键部分。例如,`<FONT>`标记用于改变文本的字体、大小和颜色,如案例2-03.htm所示,它设置文本为隶书字体,大小为5,颜色为蓝色。另一方面,`<IMG>`标记用于插入图片,案例中没有提供完整示例,但通常形式是`<IMG src="image_url">`,`src`属性指定图像的URL。 CSS和JavaScript的介绍: CSS(Cascading Style Sheets)用于控制网页的布局和样式,使内容和表现分离。`<HEAD>`中的`<STYLE>`标签可以用来内联定义CSS规则,或者通过`<LINK>`标签引用外部样式表。JavaScript则是一种常用的客户端脚本语言,用于增加网页的交互性。在HTML中,`<SCRIPT>`标签用于引入JavaScript代码。这里介绍了JavaScript的基础知识,如变量、数组、表达式、运算符和流程控制语句(如`switch`),以及函数、内置对象和DOM(Document Object Model)的概念。 案例2-01.htm展示了HTML网页的基本框架,`<HEAD>`部分包含了网页的元信息,如`<TITLE>`定义网页标题,而`<BODY>`部分则是网页的实际内容。 案例2-02.htm进一步展示了`<HEAD>`中的`<META>`标签,用于提供网页的描述、关键词、作者信息以及自动刷新功能。 这个资源提供了HTML语言的基础教学,包括HTML结构、常用标记和JavaScript的简单应用,对于初学者来说是非常有价值的教程。