一 HTML5基础:HTML 基础+格式化文本与段落

实训目标
1) 了解 Web 前端开发工程师岗位需求和技术要求;
2) 了解 Web 前端开发技术组成;
3) 掌握 HTML 文档结构,学会编写简单的 HTML 程序;
4) 学会安装并使用常用 Web 前端开发工具(、、gedit、、等);
5) 掌握标题字、文本标记、段落与排版标记的语法;
6) 掌握文本段落排版的基本规则;
7) 能完成文本型 Web 网页的设计 。
实训内容
1) 通过网络收集有关 Web 前端开发工程师岗位需要和技术要求;
2) 安装并使用各种常用的 Web 前端开发工具;
3) 安装各种 Web 浏览器软件,并熟知各种浏览器的功能和差异;
4) 掌握 、 等 HTML 集成开发环境软件的功能;

一  HTML5基础:HTML 基础+格式化文本与段落

文章插图
5) 使用 、 等编辑软件编写简易的 Web 网页程序;
6) 标题字标记、文本标记、段落与排版标记的应用 。
实训项目
1) 学生简易主页设计;(30 分)
2) Meta 标记、body 标记属性使用;(30 分)
3) 文本与段落标记的应用;(30 分)
4) 课外拓展训练 。(10 分)
下面就是博主自己完成的实训项目的过程附带部分个人思考: 项目 1-1 学生简易主页设计
实训指导过程:
1. 启动记事本程序,新建文本文件,修改文件名为“prj1-1.html”,在弹出的“重命名”对话 框中单击“是”按钮,如图所示 。
实现的源码及HTML代码的基本格式框架如下:
项目 1-2 meta标记、body标记属性的使用
实训指导过程:
1. 启动程序,创建 HTML 文档,在首行插入注释语句:;保存文件,输入文件名为 prj1-2.html 。
2. 参照 meta 标记的定义,学会设置 meta 标记的 、、、
等属性 。
3. 定义 body 标记的 、、text、link、alink、vlink、、
等属性,实现页面背景颜色、背景图像和超级链接的颜色变化,注意同时设计 、
属性使页面效果发生变化,并使用多种方法设置各类颜色 。
【一HTML5基础:HTML 基础+格式化文本与段落】4. 在 body 标记中插入段落 p 标记,段落内容如下:
是由基金会与开源团体共同开发的网页浏览器 。28 全新
发布,从火狐官方中文网站上下载最新版火狐浏览器,拥有最快、最安全的上网体
验 。
5. 在段落首部插入 4 个空格,设置“火狐官方中文网站”超链接 。格式如下:
火狐官方中文网站