以下为《 HTML常用标签练习实验报告1》的无排版文字预览，完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。

姓名：朱某某

学号：***14

专业年级：21网工

班级：003



分组：无

实验室：科技馆102

指导教师：甘志华

实验日期：2022-02-28至2022-03-27



实验的准备阶段

(指导教师填写)

课程名称

Web编程基础





实验名称

HTML常用标签练习





实验目的

了解HTML和HTML5的基本结构，能够区分两者的结构差异；熟悉HTML头部相关标记，掌握HTML文本控制标记的用法，能够使用该标记定义文本；掌握HTML图像标记的用法，能够自定义图像。

掌握无序、有序及定义列表的使用，可以制作常见的网页模块；掌握超链接标签的使用，能够使用超链接定义网页元素。

掌握表格标签的应用，能够创建表格并添加表格样式；理解表单的构成，可以快速创建表单；掌握表单相关标签，能够创建具有相应功能的表单控件。





实验内容

创建第一个网页

具体要求：（1）新建HBuilder默认文档，在标记中添加网页标题，在标记中添加段落。（2）在完成上述要求的基础上，添加更多的标签和样式充实网页。基本效果图如图1.1所示。

图1.1 第一个网页示例

制作图文混排新闻

具体要求：（1）建立一个Web站点，以自己的学号命名，在站点中新建一个网页；（2）在网页中使用img、 hr、p、br等标签实现一个介绍自己家乡或高中的混排效果；（3）在网页中增加一个超链接“跳转到河大主页”。基本效果图如图1.2所示。

图1.2 图文混排效果示例

制作新闻列表(一)

具体要求：（1）分析图1.3（1）新闻列表的基本结构，并采用列表标签制作相应的列表页面结构；（2）在上述内容的基础上，添加其他列表或标签，完善网页内容。基本效果图如图1.3（2）所示。

图1.3 （1）制作新闻列表页面示例

图1.3（2）制作新闻列表HTML结构示例

制作表单注册页面(一)

具体要求：（1）分析图1.4表单注册页面的基本结构，并采用表单标签制作相应的表单页面结构；（2）在上述内容的基础上，添加其他表单或标签，完善网页内容。基本效果图如图1.4所示。

图1.4 表单注册页面示例

制作通栏banner(一)

具体要求：（1）分析图1.5（1）通栏banner的基本结构，并制作相应的通栏banner页面结构；（2）在上述内容的基础上，添加其他标签，完善网页内容。基本效果图如图1.5（2）所示。

图1.5（1）制作通栏banner页面示例

图1.5（2）制作通栏banner的HTML结构示例





实验类型

（打(）

□验证性 □演示性 □设计性 (综合性





实验的重点、难点

列表

超链接

表格

表单





实验环境

HBuilder编辑器

Chrome浏览器



实验的实施阶段

实验步骤及实验结果

该部分内容必须包括实验核心代码和效果图（必须包括完整的网页地址栏）

创建第一个网页

这是我的第一个网页

这是我的第一个网页哦。

制作图文混排新闻

内容过长，仅展示头部和尾部部分文字预览，全文请查看图片预览。 img/icon3.gif">

掌握平面设计，网页设计，UI设计，FLASH设计四门主流技术，让你有点设计



实验结果的处理阶段

实验结果的分析与总结

通过本次实验我1掌握无序、有序及定义列表的使用，可以制作常见 的网页模块；掌握超链接标签的使用，能够使用超链接定义网页元素。

2.基本了解所学标签,能正确使用标签





[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《 HTML常用标签练习实验报告1》的无排版文字预览，完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的，下载的文档就是什么样的。