html、css回顾
一、填空题
-
网页设计中三个常见技术,分别是html,css,JavaScript。它们的作用分别是(决定网页上有什么 结构),(决定网页上的内容如何显示 样式),(决定网页上的一些动态效果 行为)
-
html叫做(超文本标记语言)
-
html是由(标签|标记)组成的,其格式为<标签 属性=“属性值”></标签>
-
html文档由头和题两部分组成,分别使用html中的head和body表示
-
浏览网页时,设置显示在正文标题栏上的文字使用h1-h6标签
-
网页里为某个段落指定一个字号最大的标题,使用h1标签,字号最小的标题,使用h6标签,设置标题的对齐方式,使用align属性,属性值分别是 left,right,center,分别代表居左,居右,居中
-
网页里设置段落的标签是p,段落的对齐方式使用align属性
-
制作网页的无序列表,使用ul标签,每个列表项使用li标签
-
插入图片,使用img标签,指定图片来源,使用src属性,图片的高度height属性,宽度width属性
-
网页上的超链接使用a标签,指定目标文件使用href属性,设置打开文件的目标框架使用target属性
-
网页中制作表格,使用table标签,表格的对齐方式使用align属性,设置表格的背景颜色使用bgcolor属性,设置单元格与单元格之间的间距使用cellspacing属性,表格的边框粗细使用border属性;指定表格的行使用tr标签,列使用td标签,设置每个单元格的水平方向对齐方式,使用align属性
-
若实现某个单元格的背景色为红色,应该在td标签中设置背景色属性,若设置某行中所有单元格的背景色为红色,应该在tr标签中设置背景色属性
-
在网页上绘制表单,使用form标签,表单的名字使用name属性,表单的提交页面action属性,在表单中使用input标签可以用于放置大部分的表单元素,通过使用type属性可以指定表单元素的类型,其中包括text,password,radio,CheckBox,submit,reset,button,file;设置单行文本域的初始文本,使用text属性,设置文本框大小,使用size属性,设置按钮上的文字,使用value属性。设置单选框被选中,使用checked属性;设置下拉列表框使用select标签,指定列表框中的每个列表项内容,使用option标签,设置初始状态那个列表项被选中,使用selected属性;制作多行文本使用textarea标签,指定文本域中内容可以显示的行数,使用rows属性,列数使用cols属性
-
css叫层叠|级联样式表,样式规则之间使用分号分割。Style=“属性:属性值;属性:属性值”
-
根据以下显示效果描述,写出对应的样式
| 显示效果 | 样式 |
| ------------- | ---------------------------------------- |
| 设置字号为14px | <标签名 style=“font-size=14px”></标签名> |
| 设置文字颜色为蓝色 | <标签名 style=“color:blue”></标签名> |
| 设置边框为1px的红色实线 | <标签名 style=“border:1px red solid”></标签名> |
| 设置文字为粗体显示 | <标签名 style=“font-weight:bold”></标签名> |
二、简答题:
-
请写出T型框架的HTML代码,并实现上边的框架窗口不可以调整大小
<frameset rows="30%,*" noresize> <frame name="top" src="top.html" /> <frameset cols="10%,*" noresize> <frame name="left" src="left.html"/> <frame name="right" src="right.html"/> </frameset> </frameset> -
写出css代码,可以实现讲一个网页上的所有段落,均设置为14px,宋体,斜体
-
创建一个css文件,命名为normal.css
-
创建css代码
<style type="css/text"> p{ font-size:14px; font-family:宋体; font-style:italic } </style>
-
-
请描述如何实现将站点内的所有网页上的超链接状态设置为:正常为黑色字,不带下划线,鼠标悬停时为红色,带下划线
-
创建css文件 normal.css
-
编写css代码
a:link{ color:black; text-decoration:none } a:hover{ color:red; text-decoration:underline }
-