太原理工大学HTML基础实验报告与表格应用

需积分: 1 0 下载量 193 浏览量 更新于2024-08-05 收藏 357KB DOC 举报
在太原理工大学的Web程序设计基础R课程中,学生们进行了一项关于HTML基础的实践活动。HTML是网页开发的基础,课程的目标是让学生掌握常用的HTML语言标记,如创建简单的表单页面。实验环境设定在Windows 10操作系统和VS Code文本编辑器中,这是一款广泛用于前端开发的集成开发环境。 实验的核心内容包括了对两个主要HTML标签的理解和应用:`marquee` 和 `table`。`marquee` 标签用于创建动态的滚动文本,通过设置`bgcolor`、`direction` 和 `behavior` 属性,可以实现"welcome to you" 文字在`font` 标签内的来回滚动效果。`table` 标签则用于创建表格,通过设置`border`、`bgcolor` 和 `width` 属性,学生制作了一个边框宽度为2、背景颜色为灰色、宽度为40%的表格,展示了HTML布局的灵活性。 学生们需要在文本编辑器中编写并保存名为`sy1-班级-姓名.html` 的HTML文件,然后在浏览器中预览运行结果。课程要求学生分析每个标签的功能和属性,以及它们如何影响最终的页面展示,这有助于他们深入理解HTML结构和元素的工作原理。 此外,实验还涉及了HTML文档的基本结构,包括`<!DOCTYPE html>` 声明、`<html>`、`<head>`、`<meta>`、`<title>` 和 `<style>` 标签的使用。`<head>` 区域包含了元数据,如字符集声明和页面标题,而 `<style>` 标签则用于定义CSS样式,如设置表格中的表头单元格字体样式。 在实际的表单范例部分,`<form>` 标签用于创建交互式的用户界面,`<table>` 内嵌在其中,配合`align` 属性调整表格的居中显示。整个实验旨在通过实践操作,让学生不仅了解理论知识,还能将其应用于实际的网页设计项目中。 总结来说,这个HTML基础实验是太原理工大学软件学院软件1835专业学生的一次重要学习经历,它强化了他们对HTML语言基础的理解,并锻炼了他们的编程实践能力,为后续的前端开发工作打下了坚实的基础。