"本资源是一份关于Web编程技术的实验指导,主要讲解了HTML中的块级元素,如DIV和SPAN,并介绍了HTML的基本框架、常用标记元素、CSS基础使用以及JavaScript的基础概念。实验案例中展示了如何使用块级元素创建网页结构,并通过CSS设置背景颜色。此外,还提及了HTML网页的一般组成结构,包括头部、眼睛(标题)和身体(内容)等部分,以及HTML的常用标记元素,如字体标记。"
在Web编程中,块级元素(Block-level Elements)是构成网页布局的基本单元。在本实验指导中,特别提到了`<DIV>`和`<SPAN>`两个元素。`<DIV>`是一个通用容器,它可以包含其他HTML元素,常用于组织和布局页面内容。在案例中,`<DIV>`被用于创建一个黄色背景的区块,并通过ID "MYDIV"进行标识。值得注意的是,同一个ID在一个HTML文档中应该是唯一的,但在这个例子中,`<DIV>`和`<SPAN>`都使用了相同的ID,这在实际应用中是不规范的。
`<SPAN>`是内联块级元素,通常用于在文本中进行小范围的样式控制或组合。在示例中,它也被赋予了相同的ID和背景色,这在实际中会导致样式冲突。
HTML的基本框架由`<html>`, `<head>`和`<body>`组成。`<head>`包含了文档的元信息,如标题`<title>`,而`<body>`则承载了网页的可见内容。一个基本的HTML网页结构如下:
```html
<html>
<head>
<title>我的标题</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
```
HTML的常用标记元素包括但不限于字体标记`<font>`,用于设置文字的字体、大小和颜色。在案例2-03.htm中,`<font>`元素被用来展示不同属性的用法,例如设置字体为隶书,字号为5(相对大小),颜色为蓝色。
此外,HTML还支持图片标记`<img>`、超链接`<a>`、列表(无序`<ul>`和有序`<ol>`)、表格`<table>`以及表单元素,它们都是构建网页内容和交互性的重要组成部分。
CSS(Cascading Style Sheets)是用于控制网页外观和布局的样式语言。实验指导中提到,CSS可以通过内联样式(如案例中的`<DIV>`和`<SPAN>`的`style`属性)、内部样式表(`<head>`中的`<style>`标签)或外部样式表(`.css`文件)与HTML协同工作。
JavaScript是一种客户端脚本语言,用于增加网页的交互性和动态功能。实验指导涵盖了JavaScript的基础,如变量、数组、表达式、运算符、流程控制语句,以及函数、内置对象和DOM(Document Object Model)模型的使用。JavaScript可以操作DOM来改变HTML元素的样式、内容或行为。
这份实验指导旨在帮助初学者理解HTML的基本结构和元素,以及CSS和JavaScript在创建交互式Web页面中的作用。通过实践案例,学习者可以更好地掌握这些关键概念和技术。