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

Posted 青年a

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条相关的知识,希望对你有一定的参考价值。

(一)表单

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 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条的主要内容,如果未能解决你的问题,请参考以下文章

网页设计的实验报告,求大神指教!

mui表单怎么隐藏

网页表单中的drupal表单更改

全世界的专业人士都依赖Ext.NET:一款先进的ASP.NET(网页表单+模型视图控制器)组件框架

Bootsrtap表单

Perl - 验证网页表单中的汉字输入?