创建首个HTML页面：软件技术基础实验

需积分: 0 127 浏览量更新于2024-08-04 收藏 630KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

"软件技术基础第一次实验课1" 在本次实验课中，我们将初次接触HTML（HyperText Markup Language），这是创建网页的基础语言。实验的主要目标是熟悉HTML的标签，并使用它们来构建一个简单的Web页面。你可以使用任何文本编辑器，如Notepad、Sublime Text或者文本文档编辑器，来编写HTML代码。首先，了解HTML的基本结构至关重要。HTML文档通常由`<HTML>`标签开始，接着是`<HEAD>`部分，用于定义页面的元数据，如标题`<TITLE>`。在这个例子中，我们需将页面标题设置为"MyFirstWebPage"。之后是`<BODY>`部分，它包含了网页的实际内容。实验任务中给出的HTML代码包含了一系列常见的元素和标签，如不同级别的标题`<H1>`、`<H2>`、`<H6>`，水平线`<HR>`，强调文本`<EM>`、强强调文本`<STRONG>`、下划线文本`<U>`以及字体颜色的设定。这些都是HTML文本格式化的方式。另外，还有有序列表`<OL>`和无序列表`<UL>`，以及图片`<IMG>`和超链接`<A>`的使用。对于图片`<IMG>`标签，我们需要指定其`src`属性以指向图片的URL，同时添加`width`和`height`属性，设定图片的尺寸为500x300像素。实验要求图片可以是提供的，也可以自寻。超链接`<A>`的`href`属性定义了链接的目标地址，为了使链接在新窗口打开，我们需要添加`target="_blank"`属性。选做部分涉及CSS（Cascading Style Sheets）的使用，可以改变链接的颜色和状态，例如：未访问时黑色，鼠标悬停时蓝色，点击后红色。 HTML的学习不仅仅是记住各种标签，更重要的是理解它们如何组织和呈现内容。通过这个实验，你可以实际操作，体验HTML的直观性和灵活性。记得参考提供的在线教程，如Runoob、W3School和Codecademy，这些资源都有详尽的HTML教程，可以帮助你更深入地学习。在完成实验后，建议你尝试添加更多元素，比如表格、段落、引用等，以进一步巩固HTML基础。同时，逐步学习CSS将帮助你实现更美观的页面设计。持续实践和探索，你将逐渐掌握Web开发的基本技能。

资源详情

资源推荐

软件技术基础第一次实验课

一、创建第一个 HTML 页面

要求：熟悉 HTML 的标签。

目标：使用 HTML 完成一个简单的 web 页面

实验环境：Notepad、sublime 或者其他编辑器，甚至可以是文本文档编辑器

参考资料：https://www.runoob.com/html/html-tutorial.html

https://www.w3school.com.cn/html/index.asp

https://www.codecademy.com/learn/learn-html

实验任务：根据以下文字提示，相应地为其添加 HTML 元素、标签、属性，创建完成第

一个简单的 web 页面。

<HTML>

<HEAD>

<TITLE> My first Web Page </TITLE>

</HEAD>

<BODY>

This is an H1 header.

This is an H2 header.

This is an H6 header.

This is a horizontal ruler.

This sentence is displayed with EMPHASIS.

This sentence is displayed with STRONGLY EMPHASIZED text.

This sentence is displayed as UNDERLINED text.

This sentence is font color red.

The following is an ORDERED OR NUMBERED LIST:

This is item 1

This is item 2

下载后可阅读完整内容，剩余5页未读，立即下载

周林深

粉丝: 54
资源: 290

创建首个HTML页面：软件技术基础实验

软件技术基础第二次实验课1

《大学计算机基础》Excel第一次实验课操作步骤.pdf

matlab上机实验一 二,信号与系统上机实验-matlab(第一第二次实验课)

第三周实验课java

吉林大学c++实验课

des加密实验教学软件 北京城市学院计算中心

模拟电子技术基础第四版pdf

用c++写一个实验教学管理系统

3d实验平台服务实验教学研究

数据结构与算法实验课第一颗学生成绩管理系统

数字电子技术基础怎么学

软件工程实验教学管理系统的数据流图

牛顿第一定律的实验教学设计

大学c++实验课的意义

软件项目管理实验yanshandax

计算机实验教学中心管理系统vs开发

中国石油大学(北京)克拉玛依校区在广东2021-2024各专业最低录取分数及位次表.pdf

最新资源

matlab上机实验一二,信号与系统上机实验-matlab(第一第二次实验课)

des加密实验教学软件北京城市学院计算中心