web前端开发技术实验报告实验一.docVIP

长 春 大 学 20 15 — 2016 学年第 二 学期 Web 前端开发技术 课程 实 验 报 告 学 院： 计算机科学技术 专 业： 软件工程 班 级： 软件 14402 学 号： 0 姓 名： 武嘉琪 任课教师： 车 娜 实验一 构建 HTML页面 一、实验目的 熟悉 HTML制作网页的基础知识， 并能熟练运用学过的内容制作、 设计图文混排的网页。 二、内容及要求 运用学过的代码设计一个图文混排网页，满足如下要求： 既有图像又有文字，并且呈左右排列。 文字部分由标题和段落文本组成，它们的字体和字号不同。 在段落文本中，段落前有 2 字符留白，一些文字以特殊的颜色加以突出 显示。 三、实验原理 文本： font 可以跟 color 、size 、face 等属性根据不同的值对文本进行修 改； 图片： img 标记可以跟 border 、height 、width 、 align 、vspace、 hspace 等属性根据不同的值对滚动字进行设置； 其他相关内容：各级标签、标题设置、背景图等。 四、实验步骤 1、确立自己的网页主题 选择传智博客设计学院作为本次网页设计的主题。 、网页基本设计 应用 h2 标记设计标题样式。 应用 font 标记及其 face 、size 、color 等属性设计文本字体样式。 应用 p 标记设计文本段落格式。 应用 img 标记及