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 ...
随机推荐
- iOS - Responder Chain
在iOS中,当发生事件响应时,必须知道由谁来响应事件.这就是由响应者链来对事件进行响应,所有事件响应的类都是UIResponder的子类,响应者链是一个由不同对象组成的层次结构,其中的每个对象将依次 ...
- 对指定文件生成数字摘要的MD5工具类
md5特点:压缩性.不可逆性,经常用于传值过程中的值加密或文件加密static char hexdigits[] = { '0', '1', '2', '3', '4', '5', '6', '7', ...
- 个人学习笔记--MyBatis-的搭建及第一个程序
1.导入Jar包 2.设置全局配置文件 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE c ...
- WordPress 全方位优化指南(上)
作为一个全面的 WordPress 性能优化教程,本文旨在帮助读者排查 WordPress 网站的性能问题,同时也提供网站前端优化加速的建议. 如果你曾经遇到过 WordPress 管理界面加载缓慢. ...
- Linux用户环境变量
Linux用户环境变量 环境变量就是系统或软件设置的一些参数,用户环境变量就是用户登录系统后,都有自已专用的运行环境.在Windows系统中用户环境变量保存在用户家目录,Linux也是同样的.本文主要 ...
- linux使用su切换用户提示 Authentication failure的解决方法& 复制文件时,报cp: omitting directory `XXX'
linux使用su切换用户提示 Authentication failure的解决方法:这个问题产生的原因是由于ubtun系统默认是没有激活root用户的,需要我们手工进行操作,在命令行界面下,或者在 ...
- FFT小结
先上模板 #include<cstdio> #include<cmath> <<)*+; typedef long long ll; ll power(ll t,; ...
- C# Web版报表
1.添加ReportViewer 2.添加ObjectDataSource 3.须添加一个ScriptManager 4.添加并设计一个报表用数据集 5.设计rdlc报表,数据源选择第4步的数据集 6 ...
- ARC模式下的单例写法
// 单例 + (id)sharedInstance { __strong static id sharedObject = nil; static dispatch_once_t onceToken ...
- 计算几何(容斥原理,圆交):HDU 5120 Intersection
Matt is a big fan of logo design. Recently he falls in love with logo made up by rings. The followin ...