用html语言编程实现个人简历的网页设计与制作

2024年1月25日发(作者：)

用html语言编程实现个人简历的网页设计与制作

篇一：个人简历html语言编写

课后练习题五

姓 名

性别

出生年月

照片

毕业院校

专业

学历

政治面貌

民族

身高

健康状况

籍贯

身份证号码

联系电话

主修课程

英语水平

计算机水平

社会实践

奖励情况

自我评价

篇二：页设计与制作教程之HTML代码

（一）HTML的定义

HTML是Hypertext Makeup Language 的缩写，即超文

本标记语言，它是一种描述文档结构标记语言（非程序设计语言），是Internet上描述页内容和外观的标准。几乎所有的页都是由HTML语言或以其他语言（如JavaScript等）嵌入在HTML语言中编写的。

HTML语言使用一些约定的标记，对Web上的各种信息进行标注，浏览器会自动根据这些标记 ，在屏幕上显示出相应的内容，而标记本身不会在屏幕上显示出来。HTML文件一般以.htm或.html为扩展名。

（二）HTML的常用标记

篇三：页设计与制作(代码介绍)

页设计与制作

一、HTML基本语言：

基本语法：（如图）

....:表示HTML文档的开始和结束

:表示HTML文档的头部。最常用的标记是,标记中的内容对应浏览窗口标题的信息。

：标记之内的内容对应的是浏览器中的内容。

2.标记的使用：（如图）

Bgcolor="颜色":设置页面背景色。

Background="图像文件的名字及路径"：设置背景文件。

Text="颜色"：设置页面文字默认颜色。

标记属性用来对标记之间的内容修饰，标记其属性必须

放到“”中，各属性间必须用．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．空格隔开。 ．．．．．

色彩的表示方法有两各种： 模式，用16进制的红(Red)、绿(Green)、蓝(Blue)的值来表示，格式为“#RRGGBB”，字符包括数字0～9和字母A～F，如红色为“#FF0000”2.用英文单词表示彩色，如红色“red”。

二、常用的HTML标记及其属性制作页①：

1.页面属性、排版标志 ⑴.标题标记：

格式：..., 其中“#”的取值范国为1（字体最大）～6（字体最小）。作用：设置文档的各级标题。

常见属性：align,用于定义标题的对齐方式，默认为左对齐，

①.以下标记都出现在中出现,标记必须以成对出现，如....

标题标记属性：（如表）

⑵.版面格式标记

①.分段与换行：（如表）

②.文本对齐标记

可以在 标记中使用align属性指定文本对齐方式。另外，居中对齐可以通过居中对齐方式进行设置。

格式：…

作用：使标记间的内容以居中对齐方式显示。 ③.水平线标记 格式：

作用：在文档中插入水平线。

常用水平线标记属性：（如表）

④.字体标记

格式：…

作用：设置标记间文体的字体、大小、颜色等。

常用字体标记属性：（如表） ⑤.字体修饰标记

作用：设置标记间文本的样式，如粗体、斜体、下划线等。

字体修饰标记（如表）

⑥.特殊字符

作用：在页面上显示特殊符号。

特殊字符（如表）

⑶项目符号标记

作用：在HTML页面中，合理地使用列表标记，可以起提纲和格式排序文作用。列表分为无序列表和有序列表两类

无序列表的主要标记为和.作用：生成没有编号的列表，每一个列表前使用标签区分。（格式如右）

标记的主要属性为type（如表）

览页时能对该页的架构一目了然。其中，项目符号标记使用…时，必须是成对出现的，并且其中，项目插入多对…

列表项标记组成完整的列表。

例：

结果图为：

2.超链接标记

格式：...

作用：把当前位置的文本或图像连接到其他的页面、文本或图像。

络资源，也可以是本地计算机上的文件资源。HTML有两种路径：绝对路径与相对路径。 1.绝对路径：从协议开始的URL地址或从驱动名称开始的本地文件路径都称为绝对路径。如.cn或d:1

2.相对路径：从文件存储位置开始的路径叫相对路径。

在描述相对路径时，需要注意： ．．．．．．．．．．．．．．⑴.如果源文件和引用的文件在同一级目录里，直接写引用文件名即可。 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．⑵.“.../”表示源文件所在目录的上一级，“.../．.../”表示源文件所在目录的上上级目录，以此．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．类推。 ．．．⑶.引用下级的文件，直接写下级目录文件的路径即可。例如，站点文件夹中有主页文件．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．和图像文件夹images,文件中使用了images文件夹中的图像文

件，．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．那么图像相对于的相对路径就是imges ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 3.图像标记 格式：

作用：在页面中插入图像或视频文件，图像格式可以是：GIF、JPG、PNG。

①表格的几种标记

作用表格是最基本的页布局的技术

篇四：页设计与制作样卷及答案

《页设计与制作》样卷

课程名称：页设计与制作姓名： 学号：

客观题部分（ 40分）

一、单项选择题（每题1分，共30分）

1) WWW是B

A．页 B．万维 C．浏览器 D．超文本传输协议

2) 在页中显示特殊字符，如果要输入“ 4) 以下关于FONT标记符的说法中，错误的是：答案：D

A．可以使用 color 属性指定文字颜色。

B．可以使用 size 属性指定文字大小（也就是字号）。

C．指定字号时可以使用 1~7 的数字。

D．语句 这里是2号字 将使文字以2号字显示。

5) 如果要在表单里创建一个普通文本框，以下写法中

正确的是：。 答案：A

A．

B． C． D．

6) HTML语言中的换行标记是()。答案：B

A. B.

C.D. 7) 在_______文本框中输入数据后，数据以*号显示。D

A、单行文本框 B、多行文本框 C、数值文本框 D、密码文本框

8) CSS的含义是C A．文档对象模型 C．层叠样式表

B．客户端脚本程序语言 D．可扩展标记语言

9) 在Flash CS3中，定义在动画中的变化的帧是。A

A．关键帧 C．普通帧

B．空白帧 D．以上都可以

10) 在Dreamweaver编辑环境下，下图中共有超链接（文字、锚点和图像热点）。

B

A. 2个 B. 3个 C. 4个 D. 5个

11) 超级链接应该使用的标记是C A〈．title〉 C〈．a〉

B．〈body〉 D．〈head〉

12) 下列关于CSS的说法错误的是。C

A．CSS的全称是Cascading Style Sheets，中文的意

思是“层叠样式表”

B．CSS样式不仅可以控制大多数传统的文本格式属性，还可以定义一些特殊的HTML属性

C．使用Dreamweaver只能可视化创建CSS样式，无法以源代码方式对其进行编辑 D．CSS的作用是精确定义页面中各元素以及页面的整体样式 13) 在Dreamweaver 中，下面对象中可以添加热点的是（）。

B

A．文字 B．图像 C．层 D．动画

14) 在表格标记中，标签表示______。A A．表格中的行 C．表格中的单元格

15) HTML的颜色属性值中，Black的代码是______。A

A、”#000000” B、”#008000” C、”#C0C0C0” D、”#00FF00”

B．表格中的列 D．表格边的宽度

16) 页标题显示在浏览器的______。C

A、状态栏B、工具栏 C、标题栏D、地址栏

17) 在“属性”面板的“链接”里直接输入“＃”，就可以制作一个______。C

A、内部链接B、外部链接 C、空链接D、脚本链接

18) ______的作用就是把浏览器划分为若干个区域，每个区域可以分别显示不同的页。

A、框架B、表格 C、层 D、表单

19) 导航条在一个页中一般可以有几个？A

A、1个 B、2个 C、3个 D、4个

20) 按下哪个键可以将页置于浏览器中进行测试预览？

B

A、F11 B、F12 C、F3 D、F6

21) 下面哪一个标签不是文本的属性标签B

A、size B、alignC、color D、face 22) 设置表格中的边框，应在______中设置数字。

B

A、 在箭头1指向的框中输入 B、在箭头2指向的框中输入 C、在箭头3指向的框中输入 D、在箭头4指向的框中输入 23) 关于下列代码，描述正确的是______。C

日期 课程

9月1日

Dreamweaver页设计

9月10日 Flash动画设计

A、该表格有2行、3列 B、该表格有3行、3列 C、该表格有3行、2列 D、该表格有2行、2列 24) 关于超链接，下列______属性是指定链接的目标窗口。C

A、Href B、Name C、Target D、Title 25) 下列属

于静态页的是。A

A、 B、 C、 D、

26) 如果将单个单元格的背景颜色设置为蓝色，然后将整个表格的背景颜色设置

为黄色，则单元格的背景颜色为_________。D

A.红色 B.黄色 C.绿色 D.蓝色

27) 设置字体大小时，选择"无"，代表______。A

号字 号字 号字 号字

28) 在HTML源代码中，图像的属性用_______标记来定义。B

29) 将超链接的目标页在最顶端的测览器窗口中打开的方式是________。C

A. _parent B. _blank C._top D. _self

30) 如果一个元素外层套用了CSS样式，内层套用了HTML样式，在起作用的是_______。A

样式 样式 C.两种样式的混合效果 D.冲突，不能同时套用 31) 要一次选择整个行，在标签检查器中选择______标签。B

二、多项选择题（答案中有1个或多个答案正确，答错或答案不完整者不给分，

共5小题，每题2分，共10分）

1、 关于HTML语言下列说法正确的是______。ABCD

A. HTML是（HyperText Markup Language）的首字母缩写，中文被称作“超文本标签语言”

B. HTML文件中可以插入图形、声音、视频等多媒体信息 C. 在HTML文件中，用户可以建立与其他超文本的链接

D. HTML是纯文本类型的语言，可以使用任何文本编辑器打开，查看、编辑

2、 关于鼠标经过图像，下列说法正确的是______。 BCD

A. 鼠标经过图像的效果是通过HTML语言实现的

B. 设置鼠标经过图像时，需要设置一张图片为原始图像，另一张为鼠标经过图像 C. 可以设置鼠标经过图像的提示文字与链接 D. 要制作鼠标经过图像，必须准备两张图片

3、 以下______内容是HTML文件的头部内容所包括的。ABC

A.页标题、关键字

B.作者信息、页描述、基础地址 C.自动刷新、CSS样式

D.注释、表单域

4、 关于相对路径，以下说法正确的有______。 ABD

A.相对路径表述的是源端点同目标端点之间的相互位置

B.如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端点的文档名称即可

C.如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径

D.如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表示出来

5、 下面关于CSS的说法正确的有______。ABC

（A） CSS可以控制页背景图片

（B） margin属性的属性值可以是百分比 （C） 整个BODY可以作为一个BOX

（D） 对于中文可以使用word-spacing属性对字间距进行调整

三、填空题（每空2分，共20分）

1、 超文本标记语言的简称是html

2、 Flash可以创建两种类型的补间动画：补间动作和_________。补间形状 3、 表格的宽度可以用和两种单位来设置。像素、百分比 4、 外部样式表可分为两种方式。链接、导入

5、 为链接定义目标窗口时，_blank表示的是

6、 。fireworks、photoshop、picasa、彩影、美图

秀秀等 7、 title 标记符应位于标记符之间。Head

8、 .如果要为页指定黑色的背景颜色，应使用以下html语句：