web网页设计学习记录(五)

1.如何设置背景色呢?

格式为:   

“色彩值”可以为色彩的英文名或相应十六进制值。

2.如何将图片作为背景呢?

格式为:

使用标记的background属性,可为网页铺上背景图片。background取值为一个图片文件名,并且要指出文件存放的路径,可以是相对路径,也可以是绝对路径(这里建议相对路径)。图片文件可为GIF格式或JPEG格式的文件。其中,在浏览器中,作为背景的图片将按原来的大小复制,重复铺满整个网页。

3.如何将图片摆到指定位置?

使用图片标记,用图片标记还可以设置图片的替代文本、尺寸、布局等属性。

图片标记的格式为:“替换文本"注意:如果不设定图片的尺寸,图片将按照其本身的大小显示。可使用标记的width和height属性来设置图片的大小。width和height属性的属性值可取像素数,也可取百分数。并且可以设置属性使文本围绕图片;

4.若在接下来的文本我不想再以围绕图片的格式开展,应当如何操作?

可使用
标记,其后的文本将不再环绕图片。

格式为:
       

其中clear的取值可为:left(解除在图片左侧放置的文本)、right(解除在图片右侧放置的文本)或all(解除在图片左、右侧放置的文本);

5.如何将图片作为热点(超链接);

仍与文本超链接相似,使用标记。

格式为:

6.什么是无序列表标记?

无序列表中每一个表项的前面是项目符号(如●、■等符号)。建立无序列表使用

    标记和
  • 表项标记。

    格式为:

             
    • 第一个列表项        
    • 第二个列表项         …    

    注意:

  • 标记是单标记。即一个表项的开始,就是前一个表项的结束。type指定每个表项左端的符号类型,可为disc(实心圆点)、circle(空心圆点)、square(方块),也可自己设置图片;

    7.什么是有序列表呢?

    使用

      标记可以建立有序列表,表项的标记仍为
    1. 格式为: 

      1. 表项1
      2. 表项2                              …     

      注意: 有序列表整个表项与上下段文本之间各有一行空白;列表项目向右缩进并左对齐;各表项前带顺序号。

      8.题目要求:建立一个只有图片car.jpg的网页,在这张图片上建立链接,连接到另一张网页,网页上的内容如下所示:

      web网页设计学习记录(五)_第1张图片

      实现以上要求需要建立两个页面,并准备一张图片,方便起见可以放到同一文件夹;

      ①实现图片热点页面的代码如下:

      qiche
      
      
      
       

      ②实现题中图所示表的代码如下:

      实现表单
      
      
      • 基本信息
      • 尺寸和重量
        1. 长(mm) 5169
        2. 宽(mm)1902
        3. 高(mm) 1492
      • 发动机参数
      • 驾驶性能
        • 油耗(L/100km)13.60
        • 最高车速(km/h)250

      最终效果图如下:

      web网页设计学习记录(五)_第2张图片

      9.如何制作简单表格呢?

      最简单的表格仅包括行和列。

      格式为:    

                                  …      
      表头1 表头2 表头n
      表项1 表项2 表项n
      表项1 表项2 表项n

      其中:表格的标记为

      ,行的标记为,表项的标记为的align属性。align的属性值分别为:center(表项数据的居中)、left(左对齐)、right(右对齐)或justify(左右调整);

      ②垂直对齐:表项数据的垂直对齐用标记

      的valign属性。valign的属性值分别为:top(靠单元格顶)、bottom(靠单元格底)、middle(靠单元格中)或baseline(同行单元数据项位置一致);

      11.表格在页面中的对齐方式是怎样实现的?

      与图片一样,表格在浏览器窗口中的位置也有三种:居左、居中和居右。使用

      ,表头的标记为

      为便于理解,实例代码如下:

      
      
        学生成绩统计表
        
          
      学号姓名语文数学平均分数
      0001张 三9298.595.3
      0002李 四888285
      0006王小五68.59079.3

      学号姓名语文数学平均分数
      0001张 三9298.595.3
      0002李 四888285
      0006王小五68.59079.3

      效果图如下:

      web网页设计学习记录(五)_第3张图片

      10.表格内文字对齐方式有哪几种?如何实现?

      ①水平对齐:表项数据的水平对齐用标记

      标记的align属性。

      格式为:

           

      注意:当表格位于页面的左侧或右侧时,文本填充在另一侧。当表格居中时,表格两边没有文本。当align属性缺省时,文本在表格的下面;

      12.表格的颜色与背景当如何设置?

      、、
      标记中,使用下面属性可以改变表格的背景和边框的色彩、添加背景图片,也可以为行和单元格改变色彩、添加背景图片。        

      (1)bgcolor=""色彩或色彩值"    设置背景色彩;

      (2)background="图片文件名"    设置背景图片;         

      (3)bordercolor="色彩"      设置表格边框的色彩;         

      (4)bordercolorlight="色彩"      设置表格边框亮部的色彩;         

      (5)rules="rows,cols或none"     设置表内线的显示方法,none为无内线 ;       

      注意:如果把属性放到

      中,其作用范围为整个表格,如果把属性放到、
      中,则作用范围为整个行,如果把属性放到
      中,则作用范围为该单元格;

      13.如何在网页中实现字幕滚动呢?

      流动字幕标记的格式为: 流动文字或(和)图片

      并有属性如下:

      web网页设计学习记录(五)_第4张图片

      同时marquee标记的应用技巧 如下:

      (1)marquee标记的属性值尽量使用默认值。< marquee >字幕内容;

      (2)多行文本的活动字幕 :  活动字幕内容第一行
            活动字幕内容第二行
               活动字幕内容第三行
         

      (3)在字幕内容中加入图片,例如:       这是插入图象的活动字幕

      14.能在网页上插入音乐吗?

      用浏览器可以播放的音频格式有:MIDI音乐、WAV音乐、AU格式。

      (1) 点播音乐...:将音乐做成一个链接,只需单击该链接,就可以听到音乐了。

      其格式为:     热点文本  

      (2)内嵌音频播放插件: 通过内嵌音频播放插件可以在浏览器中出现播放软件的控制面板。

      其格式为:      

      (3)  IE中的背景音乐: 可以插入背景音乐格式,不过只有在IE浏览器中才可以听到。

      其格式为:      播放次数取-1或infinte时,声音将一直播放直到关闭该网页为止;

      15.能在网页上插入视频吗?

       用浏览器可以播放的格式有:MOV格式、AVI格式。

      (1)链接一个视频文件... :与链接音频文件一样,可将视频文件做成一个链接。

      其格式为:     热点文本            

      (2) 内嵌视频播放插件      

      格式为:

      16.如何建立框架(多窗口页面)?

      首先,框架(Frames)也称多窗口页面或帧,是在同一浏览器窗口中显示多个相互隔离的HTML页的结构,每个区域显示一个HTML文件。并且,框架的建立使用、两个标记。用来划分窗格,标记用来声明其中框架页面的内容。框架的基本结构为:   ...                                                            …  

      ①标记:标记用来定义一个框架组的属性;

      格式为: …

      其中属性:row  --设定横向分割的框架数目;cols ---设定纵向分割的框架数目; border --- 设定边框的宽度;bordercolor---设定边框的色彩;frameborder---设定有∕无边框;framespacing ---设置各窗格间的空白;

      注意:框架有横向和纵向之分。对一个框架来说,其大小是很重要的。的rows和cols属性用于设定横向分割和纵向分割的框架数目。例如,要建立有三个横向框架的页面,可写为:      

      ②标记:标记用于给各个框架指定页面的内容,也就是,它将各个框架和包含其内容的那个文件联系在一起。是一个单标记;

      格式为:          

      其中属性如下:

      web网页设计学习记录(五)_第5张图片  

      注意:标记的个数应等于在标记中所定义的框架数,并按在文件中出现的次序按先行后列对框架进行初始化。如果标记数目少于中定义的框架数量,则多余的框架为空;

      17.如何实现框架之间的链接?

      使用的target属性就可以控制目标文件在那个框架内显示。当单击热点文本时,目标文件就会出现在有target指定的框架内。target属性的值可以为框架名,使用格式为:     热点文本

      另外,“框架名”有4个特殊的值,分别实现4类特殊的操作:        

      (1)target="_blank":链接的目标文件被显示在一个新的没有名字的浏览器窗口中;        

      (2)target="_self":链接的目标文件被显示在当前框架窗口中,代替正在显示的热点文本所在的那个文件,是省略target属性的默认值;        

      (3)target="_top":链接的目标文件被显示在整个浏览器窗口(取消了框架);       

      (4) target=“_parent”:当框架嵌套时,链接的目标文件被显示在父框架中;否则,被显示在整个浏览器窗口中;

      18.什么是表单呢?

      网页上具有可输入表项及项目选择等控制所组成的栏目称为表单。在网页中,通过表单交流和反馈信息。

      格式为:    

                …    

      其属性值入下:

      (1)name属性 :表单的名字,在一个网页中用于惟一识别一个表单 ;       

      (2)action属性 :表单处理的方式,往往是E-mail地址或网址 ;        

      (3)method属性:表单数据的传送方向,是获得(GET)表单还是送出(POST)表单;

      19.什么是disabled属性和readonly属性?

      (1)disabled属性可以将一种操作屏蔽起来 :      

      web网页设计学习记录(五)_第6张图片

      (2)readonly属性将TEXT转化为一个只读对象,禁止对它进行编辑。        

      20.如何实现支持文字和密码的输入的i表单?

      使用标记的type属性,可以在表单中加入表项,并控制表项的风格。type属性值为text,则输入的文本以标准的字符显示;type属性值为password,则输入的文本显示为“*”。        在表项前应加入表项的名称,如“姓名”等,以告诉浏览者在随后的表项中输入的内容。

      例如下面这段代码:姓名:

      21.如何实现单选框与复选框?

      标记的type属性可设置选择钮的类型,属性value可设置该选择钮的控制初值,用以告诉表单制作者选择结果。用checked表示是否为缺省选中项。name属性是控制名,同一组的选择钮的控制名是一样的。

      例如:

      22.如何使用选择栏呢?

      标记的格式为:

      其中属性值如下:

      (1)size :取数字,表示在带滚动条的选择栏中一次可见的列表项数 ;

      (2)name:控制操作名;

      (3)multiple:不带值,加上本项表示可选多个选项,否则只能单选;

      其中属性值如下:        

      (1)select:不带值,加上本项表示该项是预置的 ;       

      (2)value:指定控制操作的初始值,缺省时初值为option中的内容表示选项值;

      23.如何实现多行文字输入?

      使用

      注意:其中的行数和列数是指不用滚动条就可看到的部分;

             

      你可能感兴趣的:(前端,学习,javascript)