入门系列3

1、表单:
     1.1 <form name="表单名" method="传输方式" action="url"></form>
 
     1.2 input标签
     <input type="" name="栏位名称" value="栏位内定值" size="栏位显示宽度" maxlength="栏位数据输入最大长度" readonly>
 
文本框:
     <input type="text" name="" value="" size="" maxlength="" readonly />
密码框:
     <input type="password" name="" value="" size="" maxlength="" readonly />
隐藏性栏位:
     <input type="hidden" name="" value="栏位值" />
多重勾选栏位:
     <input type="checkbox" name="" value="内定值" checked disabled>
单选栏位:
     <input type="radio" name="" value="" checked disabled>
窗体选项栏位设置:
     <select name="" size="数字" multiple>
          <optgroup label="分组名称">
               <option value="选项值" selected> </option>
          </optgroup>
     </select>
文字区块设置:
      <textarea cols="设置长度" rows="设置宽度"></textarea>
按钮设置:
      <input type="submit" value="提交" />
      <input type="reset" value="清空" />   
按钮图像:(在一个按钮上有一张图)
     <button type="图像形态" name="栏位名称"img src="url"></button>
图像按钮:(整张图直接作为按钮)
     <input type="image" src="url" alt="">
上传栏位:
     <input type="file" name="file"/>
 
     1.3 表单加上外边框和标题:
          外边框:<fieldset></fieldset>
          标题:<legend></legend>
 
     1.4 元件次序和快捷键:
          accesskey : "w"      (alt+w)(ctrl+w)
          tabindex = "n";
 
2、多窗体
     2.1 多窗体的基本结构:
<frameset cols="列数" rows="行数"  border="" frameborder="边框是否显示|0/1" framespacing="页面与页面的边距">
  <frame src="链接的页面" noresize scroll="是否显示滚动条|yes/no/auto" marginheight="垂直方向|窗体内容与边界的距离" marginwidth="水平方向|窗体内容与边界的距离"/>
</frameset>
 
PS frame的属性: noresize:不允许浏览器自行改变框架大小
 
<frameset cols="20%,40%,*" rows="20%,*">
  <frame />
</frameset>
 
<frameset rows="20%,70%,*">
  <frame />
  <frameset cols="30%,*">
    <frame />
    <frame />
  </frameset>
  <frame />
</frameset>
 
     2.2 <frame> 的命名属性与超链接
          <frame name="窗体名称">
          <a href="url" target="窗体名称">在指定窗体中打开超链接显示的内容</a>      
 
     2.3 多窗体链接的属性:
          target    _blank      在新窗口中打开被链接的文档
                       _self         在相同的框架中打开被链接的文档(默认)
                       _parent     在父框架集合中打开被链接的文档
                       _top         在整个窗口中打开被链接的文档
 
     2.4 悬浮窗体设置:(与表格相嵌套,超链接的使用见2.2)
          <iframe>... </iframe>
 
     2.5 使用框架时,记得把 <body> </body> 去掉
 
3、多媒体
     3.1 flash动画插入:
<embed src="url" width="" height="" wmode=""></embed>
  PS wmode: window 使flash自身的矩形窗口来播放
            opaque 使flash隐藏页面上位于它后面
            transparent 使flash某一部分透明
 
<object type="" data="url" width="" height=""></object>
 PS 必须在使用子标签<param>完成flash插入
 
     3.2 mp3 及 wmv 插入:
<embed autostart="true|false" loop="循环次数| 数字/true/false"></embed>
<object name="url" autoplay="true|alse"></object>
 
     3.3 背景音乐:
           <bgsound src="url" loop="次数">
 
      3.4 网页流媒体视频插入 
 
4跑马灯效果:
     <marquee behavior="scroll|slide|alternate" direction="left|right|up|down" scrollamount="播放速度|数字" bgcolor="" vspace="左右两侧间距" nspace="上下两侧间距"></marquee>
        PS    scroll  从右到左移动
                slide   从右到左停止
                alternate  向两边移动
 
 
 
 
 
 
 
 
posted @ 2018-03-06 10:43  好朋友阿九  阅读(75)  评论(0编辑  收藏  举报