Html学习笔记4
<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>表单各种标签</form>
1. get是从server上获取数据,post是向server传送数据。
2. get是把參数数据队列加到提交表单的wd=action&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLP1wbPhP9ujIBuyRLnHuB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q16LPHndP1b3" rel="nofollow" style="color:rgb(45,100,179); text-decoration:none">action属性所指的url中。值和表单内各个字段一一相应,在wd=url&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLP1wbPhP9ujIBuyRLnHuB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q16LPHndP1b3" rel="nofollow" style="color:rgb(45,100,179); text-decoration:none">url中能够看到。post是通过wd=http&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLP1wbPhP9ujIBuyRLnHuB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q16LPHndP1b3" rel="nofollow" style="color:rgb(45,100,179); text-decoration:none">http post机制,将表单内各个字段与其内容放置在html header内一起传送到wd=action&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLP1wbPhP9ujIBuyRLnHuB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q16LPHndP1b3" rel="nofollow" style="color:rgb(45,100,179); text-decoration:none">action属性所指的wd=url&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1YLP1wbPhP9ujIBuyRLnHuB0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q16LPHndP1b3" rel="nofollow" style="color:rgb(45,100,179); text-decoration:none">url地址。用户看不到这个过程。
3. 对于get方式。server端用Request.QueryString获取变量的值。对于post方式,server端用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-4CI3pRjWOoK6BAmK
3表单对象:
表单对象分为三种:
<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="单选button所在的组名" value="单选button的取值"/>
•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
普通button普通情况下要配合JavaScript脚本来进行表单的实现。
语法:
<input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
说明:
value的取值就是显示在button上的文字。onclick是普通button的事件。
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的更多相关文章
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- PHP-自定义模板-学习笔记
1. 开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
- PHP-会员登录与注册例子解析-学习笔记
1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...
- 2014年暑假c#学习笔记目录
2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...
- JAVA GUI编程学习笔记目录
2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...
- seaJs学习笔记2 – seaJs组建库的使用
原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...
- CSS学习笔记
CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...
- HTML学习笔记
HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...
- DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记
今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...
- ucos实时操作系统学习笔记——任务间通信(消息)
ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...
随机推荐
- Dynamips/Dynagen模拟CISCO路由环境
今天将<网络互连技术>--路由,交换与远程访问实训教程的实验书拿出来了看了部门. 搭建了一个基于DYNAGEN的虚拟环境. 归纳一下大约步骤: ~~~~~~~~~~~~~~ 一,在WIND ...
- AQuery简介:jQuery for Android
jQuery的流行已经成为了事实,它极大地减少了执行异步任务和操作DOM所需要的代码数量.新项目AQuery想要为Android开发者提供同样的功能.为了向你展示Android Query能够够为用户 ...
- poj1436 Horizontally Visible Segments
这是一个区间更新的题目,先将区间放大两倍,至于为什么要放大可以这样解释,按照从左到右有4个区间,y值是[1,5],[1,2],[3,4],[1,4]如果不放大的话,查询[1,4]区间和前面区间的”可见 ...
- 了解php的session_start的工作原理
一.php使用session_start开启SESSION 二.浏览器访问该php脚本时,将产生两个可能: 1.(客户端的提交的cookie没有找到PHPSESSID的键) 或 (在服务器端没有找到P ...
- VS2005 检测内存泄漏的方法(转载)
一.非MFC程序可以用以下方法检测内存泄露: 1.程序开始包含如下定义: #ifdef _DEBUG #define DEBUG_CLIENTBLOCK new( _CLIENT_BLOCK, __F ...
- “net.tcp://localhost:9000/ObtainData”处带有协定“"IObtainData"”的 ChannelDispatcher 无法打开其 IchannelListener。
http://stackoverflow.com/questions/1252791/how-to-solve-the-channeldispatcher-is-unable-to-open-its- ...
- Android 写文件到手机
1)// 在手机中创建文件 FileOutputStream phone_outStream =this.openFileOutput("1.txt", Context.MODE_ ...
- Chrome 浏览器地址栏直接搜索太慢的解决方案
用Chrome经常直接把要搜索的内容写在地址栏, 回国就搜索,但最近发现搜索结果出来得太慢,要刷新好几次才行. 解决方案如下: 打开Chrome的"设置", 找到”管理搜索引擎“, ...
- Android——显示当前运行所有服务,判断服务是否运行
1.显示系统当前所有运行服务: ActivityManager am = (ActivityManager) MainActivity.this.getSystemService(Context.AC ...
- wpa_supplicant 配置与应用
概述 wpa_supplicant是wifi客户端(client)加密认证工具,和iwconfig不同,wpa_supplicant支持wep.wpa.wpa2等完整的加密认证,而iwconfig只能 ...