用html语言编程实现个人简历的网页设计与制作
篇一:个人简历html语言编写
课后练习题五
姓 名
性别
出生年月
照片
课后练习题五
姓 名
性别
出生年月
照片
毕业院校
专业
学历
政治面貌
民族
身高
专业
学历
政治面貌
民族
身高
健康状况
籍贯
身份证号码
主修课程
英语水平
计算机水平
社会实践
奖励情况writeas德哈
自我评价
计算机水平
社会实践
奖励情况writeas德哈
自我评价
篇二:页设计与制作教程之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.页面属性、排版标志 ⑴.标题标记:
:表示HTML文档的头部。最常用的标记是,标记中的内容对应浏览窗口标题的信息。
:标记之内的内容对应的是浏览器中的内容。
2.标记的使用:(如图)
Bgcolor="颜":设置页面背景。
Background="图像文件的名字及路径":设置背景文件。 Text="颜":设置页面文字默认颜。
标记属性用来对标记之间的内容修饰,标记其属性必须放到“”中,各属性间必须用.......................................空格隔开。 .....
彩的表示方法有两各种: 模式,用16进制的红(Red)、绿(Green)、蓝(Blue)的值来表示,格式为“#RRGGBB”,字符包括数字0~9和字母A~F,如红为“#FF0000”2.用英文单词表示彩,如红“red”。
二、常用的HTML标记及其属性制作页①:
1.页面属性、排版标志 ⑴.标题标记:
格式:..., 其中“#”的取值范国为1(字体最大)~6(字体最小)。作用:设置文档的各级标题。
常见属性:align,用于定义标题的对齐方式,默认为左对齐,
①.以下标记都出现在中出现,标记必须以成对出现,如....
标题标记属性:(如表)
⑵.版面格式标记
①.分段与换行:(如表)
②.文本对齐标记
可以在 标记中使用align属性指定文本对齐方式。另外,居中对齐可以通过居中对齐方式进行设置。
格式:…
作用:使标记间的内容以居中对齐方式显示。 ③.水平线标记 格式:
作用:在文档中插入水平线。
常用水平线标记属性:(如表)
④.字体标记
常见属性:align,用于定义标题的对齐方式,默认为左对齐,
①.以下标记都出现在中出现,标记必须以成对出现,如....
标题标记属性:(如表)
⑵.版面格式标记
①.分段与换行:(如表)
②.文本对齐标记
可以在 标记中使用align属性指定文本对齐方式。另外,居中对齐可以通过居中对齐方式进行设置。
格式:…
作用:使标记间的内容以居中对齐方式显示。 ③.水平线标记 格式:
作用:在文档中插入水平线。
常用水平线标记属性:(如表)
④.字体标记
格式:…
作用:设置标记间文体的字体、大小、颜等。
常用字体标记属性:(如表) ⑤.字体修饰标记
作用:设置标记间文本的样式,如粗体、斜体、下划线等。
字体修饰标记(如表)
⑥.特殊字符
作用:在页面上显示特殊符号。
特殊字符(如表)
⑶项目符号标记
作用:在HTML页面中,合理地使用列表标记,可以起提纲和格式排序文作用。列表分为无序列表和有序列表两类
无序列表的主要标记为和.作用:生成没有编号的列表,每一个列表前使用标签区分。(格式如右)
标记的主要属性为type(如表)
览页时能对该页的架构一目了然。其中,项目符号标记使用…时,必须是成对出现的,并
作用:设置标记间文体的字体、大小、颜等。
常用字体标记属性:(如表) ⑤.字体修饰标记
作用:设置标记间文本的样式,如粗体、斜体、下划线等。
字体修饰标记(如表)
⑥.特殊字符
作用:在页面上显示特殊符号。
特殊字符(如表)
⑶项目符号标记
作用:在HTML页面中,合理地使用列表标记,可以起提纲和格式排序文作用。列表分为无序列表和有序列表两类
无序列表的主要标记为和.作用:生成没有编号的列表,每一个列表前使用标签区分。(格式如右)
标记的主要属性为type(如表)
览页时能对该页的架构一目了然。其中,项目符号标记使用…时,必须是成对出现的,并
且其中,项目插入多对…列表项标记组成完整的列表。
例:
结果图为:
2.超链接标记
格式:...
作用:把当前位置的文本或图像连接到其他的页面、文本或图像。
络资源,也可以是本地计算机上的文件资源。HTML有两种路径:绝对路径与相对路径。 1.绝对路径:从协议开始的URL地址或从驱动名称开始的本地文件路径都称为绝对路径。如或d:\1\
2.相对路径:从文件存储位置开始的路径叫相对路径。 在描述相对路径时,需要注意: ..............⑴.如果源文件和引用的文件在同一级目录里,直接写引用文件名即可。 ................................⑵.“.../”表示源文件所在目录的上一级,“.../..../”表示源文件所在目录的上上级目录,以此.................................................类推。 ...⑶.引用下级的文件,直接写下级目录文件的路径即可。例如,站点文件夹中
例:
结果图为:
2.超链接标记
格式:...
作用:把当前位置的文本或图像连接到其他的页面、文本或图像。
络资源,也可以是本地计算机上的文件资源。HTML有两种路径:绝对路径与相对路径。 1.绝对路径:从协议开始的URL地址或从驱动名称开始的本地文件路径都称为绝对路径。如或d:\1\
2.相对路径:从文件存储位置开始的路径叫相对路径。 在描述相对路径时,需要注意: ..............⑴.如果源文件和引用的文件在同一级目录里,直接写引用文件名即可。 ................................⑵.“.../”表示源文件所在目录的上一级,“.../..../”表示源文件所在目录的上上级目录,以此.................................................类推。 ...⑶.引用下级的文件,直接写下级目录文件的路径即可。例如,站点文件夹中
有主页文件.......................................和图像文件夹images,文件中使用了images文件夹中的图像文件,.............................................................那么图像相对于的相对路径就是imges\ .......................................... 3.图像标记 格式:
作用:在页面中插入图像或视频文件,图像格式可以是:GIF、JPG、PNG。
①表格的几种标记
作用表格是最基本的页布局的技术
篇四:页设计与制作样卷及答案
《页设计与制作》样卷
课程名称:页设计与制作姓名: 学号:
客观题部分( 40分)
一、单项选择题(每题1分,共30分)
键盘按键怎么拆卸
作用:在页面中插入图像或视频文件,图像格式可以是: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、密码文本框
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.客户端脚本程序语言 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个
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个
jsp文件命名规范python桌面应用开发 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、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
学生个人网页制作html代码css 样式 样式 C.两种样式的混合效果 D.冲突,不能同时套用 31) 要一次选择整个行,在标签检查器中选择______标签。B
二、多项选择题(答案中有1个或多个答案正确,答错或答案不完整者不给分,
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
学生个人网页制作html代码css 样式 样式 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
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、 外部样式表可分为两种方式。链接、导入
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语句:
6、 。fireworks、photoshop、picasa、彩影、美图
秀秀等 7、 title 标记符应位于标记符之间。Head
8、 .如果要为页指定黑的背景颜,应使用以下html语句:
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论