<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。

表单

创建一个表单看上去就像创建一个表格,表格的行、列和单元格都放在<table>标签中,而创建表单的方式跟创建表格的一样。

假设你要创建一个表单。那你就要把表单的那些各种标签放在表单标签<form>内部。



        语法:

<form>表单各种标签</form>
      
  1.表单的属性:
          name:用于差别表单 和id一样
         action:用于处理提交表单的请求
         method:包含get和Post两种方式
enctype:application/x-www-form-urlencoded默认的编码方式;multipart/form-dataMIME编码,对于“上传文件”这样的表单必须选择该值。
         target:同<a>标签的该属性。


2.表单提交
Get和Post的差别
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(提交)

reset(重置)

• 图片域 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的更多相关文章

  1. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  2. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  3. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  4. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  5. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  6. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  7. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  8. HTML学习笔记

    HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...

  9. DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记

    今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...

  10. ucos实时操作系统学习笔记——任务间通信(消息)

    ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...

随机推荐

  1. Http协议Get方式获取图片

    一.                二.                         我试了试,Post方式也行啊,干嘛要叫强调Get方式,费解~~       答曰:get是向服务器请求数据,p ...

  2. 形形色色Node工程Angular2

    最近项目要用的 一些无关紧要的文件夹, demo是一些示例, dist是webpack打包后发布的代码,server是用node启动服务,typings和tsconfig是一些ts配置. npm in ...

  3. USB Type-C“三剑客”: 连接器、控制器和电缆

    USB Type-C™是最新的有关电缆布线的USB连接器标准.您会看到,从笔记本电脑.智能手机.闪存到视频系统,这些设备上有一个小型可逆的Type-C连接器.由于Type-C电缆既可以给主机和设备提供 ...

  4. java学习多线程之创建多线程一

    现在我们有这么一个需求,就是在主线程在运行的同时,我们想做其他的任务,这个时候我们就用到了多线程.那么如何创建多线程,我们知道在系统当中qq的多线程创建是由操作系统来完成的,那么如果我们想在java当 ...

  5. bzoj2038

    网上大片的莫队算法题解,先orz一下莫队什么不会莫队?没事我来篇低端的分块大法好啊,我们知道对于区间[l,r]答案是S/P P是一下子可以算出来的,S=∑(pj-1)*pj/2 pj表示区间内颜色为j ...

  6. BZOJ2288: 【POJ Challenge】生日礼物

    2288: [POJ Challenge]生日礼物 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 284  Solved: 82[Submit][St ...

  7. 模式串匹配KMP详解

    关于KMP模式串匹配网上蛮多的. 对于KMP有自己理解所以写下来希望能够对你们的学习有帮助. 之前暑假的时候学过,然后好长时间没用发现又忘了,现在再看看发现有了新的理解. ============== ...

  8. Linux停SVN提交时强制写日志

    Linux下SVN提交时强制写日志 SVN默认可以不写注释提交,有时候可能忘记写注释,有的人也没有写注释的习惯,导致翻看history的时候都不知道做了哪些更改,可以依照以下步骤修改SVN配置,强制提 ...

  9. Count the string -- HDOJ 3336

    Count the string Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) ...

  10. Windows Phone8开发工具包简述(转载)

    Windows Phone 软件开发包 (SDK) 8.0 可为您提供开发 Windows Phone 8 和 Windows Phone 7.5 应用和游戏所需的工具. 概述Windows Phon ...