html、css回顾

155 阅读3分钟

html、css回顾

一、填空题

  1. 网页设计中三个常见技术,分别是html,css,JavaScript。它们的作用分别是(决定网页上有什么 结构),(决定网页上的内容如何显示 样式),(决定网页上的一些动态效果 行为)

  2. html叫做(超文本标记语言

  3. html是由(标签|标记)组成的,其格式为<标签 属性=“属性值”></标签>

  4. html文档由头和题两部分组成,分别使用html中的head和body表示

  5. 浏览网页时,设置显示在正文标题栏上的文字使用h1-h6标签

  6. 网页里为某个段落指定一个字号最大的标题,使用h1标签,字号最小的标题,使用h6标签,设置标题的对齐方式,使用align属性,属性值分别是 left,right,center,分别代表居左,居右,居中

  7. 网页里设置段落的标签是p,段落的对齐方式使用align属性

  8. 制作网页的无序列表,使用ul标签,每个列表项使用li标签

  9. 插入图片,使用img标签,指定图片来源,使用src属性,图片的高度height属性,宽度width属性

  10. 网页上的超链接使用a标签,指定目标文件使用href属性,设置打开文件的目标框架使用target属性

  11. 网页中制作表格,使用table标签,表格的对齐方式使用align属性,设置表格的背景颜色使用bgcolor属性,设置单元格与单元格之间的间距使用cellspacing属性,表格的边框粗细使用border属性;指定表格的行使用tr标签,列使用td标签,设置每个单元格的水平方向对齐方式,使用align属性

  12. 若实现某个单元格的背景色为红色,应该在td标签中设置背景色属性,若设置某行中所有单元格的背景色为红色,应该在tr标签中设置背景色属性

  13. 在网页上绘制表单,使用form标签,表单的名字使用name属性,表单的提交页面action属性,在表单中使用input标签可以用于放置大部分的表单元素,通过使用type属性可以指定表单元素的类型,其中包括text,password,radio,CheckBox,submit,reset,button,file;设置单行文本域的初始文本,使用text属性,设置文本框大小,使用size属性,设置按钮上的文字,使用value属性。设置单选框被选中,使用checked属性;设置下拉列表框使用select标签,指定列表框中的每个列表项内容,使用option标签,设置初始状态那个列表项被选中,使用selected属性;制作多行文本使用textarea标签,指定文本域中内容可以显示的行数,使用rows属性,列数使用cols属性

  14. css叫层叠|级联样式表,样式规则之间使用分号分割。Style=“属性:属性值;属性:属性值”

  15. 根据以下显示效果描述,写出对应的样式

| 显示效果          | 样式                                       |
| -------------    | ---------------------------------------- |
| 设置字号为14px     | <标签名 style=“font-size=14px”></标签名>       |
| 设置文字颜色为蓝色     | <标签名 style=“color:blue”></标签名>           |
| 设置边框为1px的红色实线 | <标签名 style=“border:1px red solid”></标签名> |
| 设置文字为粗体显示     | <标签名 style=“font-weight:bold”></标签名>     |

二、简答题:

  1. 请写出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>
    
  2. 写出css代码,可以实现讲一个网页上的所有段落,均设置为14px,宋体,斜体

    • 创建一个css文件,命名为normal.css

    • 创建css代码

       <style type="css/text">
       p{
           font-size:14px;
           font-family:宋体;
               font-style:italic
       }
       </style>
      
  3. 请描述如何实现将站点内的所有网页上的超链接状态设置为:正常为黑色字,不带下划线,鼠标悬停时为红色,带下划线

    • 创建css文件 normal.css

    • 编写css代码

       a:link{
           color:black;
           text-decoration:none
       }
       a:hover{
           color:red;
           text-decoration:underline
       }