首页 > Web开发 > 详细

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条

时间:2017-03-23 13:40:06      阅读:145      评论:0      收藏:0      [点我收藏+]

(一)表单

1.<form action=""method="get/post"></form>

2.表单12个元素

  文本类:

  <input type="text" value=""> - 文本框

  <input type="password" value=""> - 密码框

  <textarea></textarea>  ---- 文本框

  <input type="hidden" value=""> - 隐藏域

  按钮类

  <input type="button" value=""> - 普通按钮 不提交数据

  <input type="submit" value=""> - 提交按钮  提交数据

  <input type="rest" value=""> - 充值按钮 清空

  <input type="image" value=""> - 图片按钮 相当于提交按钮、

  选择类

  <input type="radio" value=""> - 单选按钮   checked是默认网页的选择项  name是进行分组,单选相互排斥  

    性别:<input type="radio" id="man" name="sex" checked="checked" /> -- label是鼠标按在字上也可以进行选择
    <label for="man">男</label>
    <input type="radio" id="woman" name="sex" />
    <label for="woman">女</label><br>

  <input type="checkbox" value=""> --- 复选按钮 

  <select>       ----  下拉列表

    <option></option>

  </select>

  <input type="file" value="">  ----  选择文件

 

 (二) 框架

1.iframe  

<iframe src="显示的网页地址" width="" height="" name="设置name属性"></iframe> 

  <a href="http://www.baidu.com" target="123">百度</a>  ---- target打开新的网页显示在iframe中
  <a href="http://www.sina.com.cn" target="123">新浪</a>
  <iframe width="100%" height="500px" src="http://www.qq.com" name="123">
  </iframe>

  在框架中显示百度,新浪的

2.标题栏小图标

  <link rel="shortcut  icon" type="image/x-icon" href="图片的位置" media="screen"  /> 

3.描点

    目标位置的标题处 添加id="???"
  使用一个超链接,href里面填 "#???"

 

  <a href="#111">第一行</a>
  <a href="#222">第二行</a>
  <a href="#h333">第三行</a>

  跳转的内容设置好id,href直接跳转到内容id上,并且在网页的最上面显示跳转的内容

4.插入视频

在优酷等视频网站,找到分享位置,复制html代码,贴入网页中

<embed src=‘http://player.youku.com/player.php/sid/XMjY0NTkwMjEzMg==/v.swf‘ allowFullScreen=‘true‘ quality=‘high‘ width=‘480‘ height=‘400‘ align=‘middle‘ allowScriptAccess=‘always‘ type=‘application/x-shockwave-flash‘></embed>

 

   设置自动播放的在.swf后面加上?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true&isShowRelatedVideo=false&embedid=-&showAd=0

 

5.插入音频

<embed src="images/333.mp3" hidden="true" autostart="true" loop="true">

5.简单的滚动条效果

简单的滚动效果:
<marquee direction="right" behavior="alternate" scrollamount="50">啦啦啦啦啦</marquee>

 

 

  

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条

原文:http://www.cnblogs.com/qingnianxu/p/6604266.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!