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

（一）表单

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>

 （三） 样式表先简单了解

css:层叠式样式表

内联样式：样式优先级最高的

以属性的方式 style=""
300px;
height:
background-color:red/#303030;

font-weight:blod;
font-style:italic;
text-decoration:line-through/underline; -- 字体删除线，下划线

color:red;
font-size:12~18px;
font-fimaly:黑体;

float:left; - 流式布局
min-300px; -- 最小宽度

background-image:url(路径);
background-repeat:round; 背景图片的调节

position:absolute; --