Html学习笔记4
来源:互联网 发布:关口知宏上海 编辑:程序博客网 时间:2024/06/05 05:21
<span style="font-size:18px;">超链接:1 标签语法: <a href="链接跳转后的地址 " >链接文字</a><例子: <a href="http://www.baidu.com" >百度一下就知道</a> 2.超链接target属性 语法 <a href="链接跳转后的地址" target="打开的方式">链接文字</a> target属性的值。_self 默认方式,即在当前窗口打开链接<在一个全新的空白窗口中打开链接>在当前框架的上一层里打开链接3.超链接 有两种链接方式:一种是内部链接,另一种是外部链接。内部链接指的是超链接的链接对象是在同一个网站中的资源。与自身网站页面有关的链接被称为内部链接。“超链接a标签”的例子就是外部链接,这个超链接的链接对象是外部网站。而内部链接的链接对象是网站的其他页面或当期页面。<title>超链接之内部链接</title> <a href="网页2.aspx">跳转到网页2</a> <a href="test\网页3.aspx">跳转到网页3</a></span><span style="font-size:14px;"></span>
4、锚点链接简介
锚点链接是内部链接的一种,它链接对象是当前页面的某一个部。
有些网页由于内容比较多,导致页面过长,访问者需要不停地拖动浏览器上的滚动条来查看文档中的内容。
<span style="font-size:18px;"><span style="font-size:18px;"><div> <a href="#music">推荐音乐</a><br /> <a href="#movie">推荐电影</a><br /> <a href="#article">推荐文章</a><br /> </div></span></span>
锚点链接要设置两部分:一,是目标锚点的id名称;二是超链接部分。
id也就是元素的名称,跟name属性一样。区别在于name是HTML中的标准,而id是XHTML中的标准,在web2.0的网页中极少使用name属性,而是使用id属性。在同一个页面中,id是唯一的,也就是一个页面不允许出现相同的id。
表单
语法:
<form>表单各种标签</form>
1. get是从服务器上获取数据,post是向服务器传送数据。2. get是把参数数据队列加到提交表单的action属性所指的url中,值和表单内各个字段一一对应,在url中可以看到。post是通过http post机制,将表单内各个字段与其内容放置在html header内一起传送到action属性所指的url地址。用户看不到这个过程。3. 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Request.Form获取提交的数据。4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默认为不受限制。但理论上,IIS4中最大量为80KB,IIS5中为100KB。5. get安全性非常低,post安全性较高。但是执行效率却比Post方法好。 建议:1、get方式的安全性较Post方式要差些,包含机密信息的话,建议用Post数据提交方式;2、在做数据查询时,建议用Get方式;而在做数据添加、修改或删除时,建议用Post方式;
参考:http://zhidao.baidu.com/link?url=7pZEIP5-uk-nn9m2NopfrTxZ76TVvVFMJVksHXW_V3kz5TV1BDUxFHRPOcpEQ9p6mfRe0-4CI3pRjWOoK6BAmK3表单对象:
表单对象分为三种:
<select>和<option>,<input>,<textarea>
①input标签
input的type属性值
▪ text的属性有三个:value、size和maxlength
语法:
<input type="text" value="默认文字" size="文本框长度" maxlength="最多输入字符数"/>
▪password的属性值也是value、size、maxlength
▪radio
语法:
<input type="radio" name="单选按钮所在的组名" value="单选按钮的取值"/>
•checkbox
例子:
<span style="font-size:14px;"><!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body> <form name="form1" method="post" action="index.html"> 你喜欢的水果:<br /> <input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br /> <input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br /> <input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br /> <input id="checkbox4" type="checkbox" /><label for="checkbox4">凤梨</label> </form></body></html></span>
•普通按钮button
普通按钮一般情况下要配合JavaScript脚本来进行表单的实现。
语法:
<input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
说明:
value的取值就是显示在按钮上的文字,onclick是普通按钮的事件。
submit(提交)
• 图片域 image
<input type="image" src="图像的路径"/>
•隐藏域 hidden
<input type="hidden"/>
•文件域file
<input type="file"/><input type="file"/>enctype=“multipart/form-data 设置编码方式
②多行文本框
<textarea rows="行数" cols="列数">多行文本框内容</textarea>
③下拉列表
<select> <option>一起使用
• <select>标签属性 说明
multiple可选属性,只有一个属性值"multiple"。默认情况下下拉列表只能选择一项,当设置multiple=“multiple”时,下拉列表可以选择多项
size 下拉列表展开之后可见列表项的数目
•<option>标签属性说明
value选项值
selected 是否选中
3多媒体
▪音频和视频文件和flash的插入使用<embed>标签
语法:<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"/>
• 背景音乐:
在网页中可以为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐,但只适用于IE浏览器,在Firefox等中未必适用。
语法:<bgsound src="背景音乐的地址" loop="播放次数"/>
4.浮动框架iframe
<iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe>
对于浮动框架iframe的的滚动条,我们可以使用scrolling属性来控制。scrolling属性有3种情况:根据需要显示、总是显示和不显示。
auto默认值,整个表格在浏览器页面中左对齐
yes 总是显示滚动条,即使页面内容不足以撑满框架范围,滚动条的位置也预留
no 在任何情况下都不显示滚动条
- HTML学习笔记(4)
- Html学习笔记4
- Html学习笔记4
- HTML学习笔记<4>
- html学习笔记4
- HTML学习笔记(4)--HTML样式
- Html学习笔记(5)-Html标签(4)
- Html学习笔记(4)-Html标签(3)
- 【HTML】HTML学习笔记
- HTML学习笔记(4)
- html&JS学习笔记(4)
- HTML学习笔记-v1.4
- HTML+CSS学习笔记4
- 学习笔记—HTML(4)
- 【学习笔记】 html学习
- HTML学习笔记【4】使用列表
- HTML学习笔记[4]使用列表
- Html学习笔记(4)表单/多媒体
- windows 下 解决 QT 与 mysql 数据库 驱动问题的本质
- windows在ISR中不能睡眠的原因
- Android Studio实现代码混淆
- 浅谈sqlserver2008备份与还原的方法一
- 天声人語 20150722
- Html学习笔记4
- 循环单链表实现约瑟夫环
- Android三种实现定时器的方法
- OpenGL 纹理本质
- 认识HTML5的WebSocket通讯
- 日经春秋 20150722
- gnuradio 使用usrpn200的部分设置
- 深入剖析Java中的装箱和拆箱
- android手机获取手机号