html超链接实训指导,HTML实训课程笔记_03



1.

相对路径的理解：

./代表当前路径比如：D:\Ncode\02\day03\test\test1

./../代表当前路径的上一级目录：D:\Ncode\02\day03\test

./../../代表当前路径的上一级目录的上一级目录：D:\Ncode\02\day03

注意：一上写法一般会省略./(但在实际项目开的过程中都会进行处理)

目录：D:\Ncode\02\day03\test\test1

上一级目录：../   D:\Ncode\02\day03\test

上一级目录的上一级目录：../../D:\Ncode\02\day03

上一经目录的上一级目录中的a.html:../../a.html

目录：D:\Ncode\02\day03

./代表的是当前路径 D:\Ncode\02\day03\

./img.html代表的是当前路径 D:\Ncode\02\day03\img.html

备注：如果说 img.html与a.html在同一个目录  一般会省略./(但在实际项目开的过程中都会进行处理)

绝对路径的理解：

1.绝对路径：是从盘符开始的路径，形如C:\windows\system32\cmd.exe

2.包含了标识Internet上的文件所需要的所有信息，包括完整的协议名称、主机名称、文件夹名称和文件名称。格式为：

通信协议://服务器地址:端口号/文件位置…/文件名 例如：http://ww.sina.com.cn/web/index.html

案例：

超链接的使用

超链接的使用

我是链接

关于target属性值的说明：

当属性值为：_parent 代表：在上一级窗口中打开，一般使用分桢的框架页会经常使用

当属性值为：_blank 代表：在新窗口打开

当属性值为：_self 代表：在同一个框架或窗口中打开，该项一般不用设置

当属性值为：_top     代表：在浏览器的整个窗口中打开，忽略任何框架

3.

关于锚标记的理解：锚记标签用于使用户"跳"到文档的某个部分

1.HTML 的 NAME 属性用于创建锚标记例如：主题名称

2.为达到这种跳转效果，请在 HREF 参数中使用该标记例如：主题名称

补充知识：

3.利用锚标记跳转到指定页面的指定部分：跳转到a2.html页面

4.

邮件发送处理

02@qq.com

案例：

无标题文档

如国有您有什么疑问，请发送邮件至：

02@qq.com

跳转到a2.html页面

5.

表单

form表单采用get方式提交给服务器

url地址： a.html?uname=chenhj&upass=111

1.不安全

2.大小受限制1KB

form表单采用post方式提交数据给服务器

a.html

1.安全

2.大小2M

它两个比较：

Get是通过http传输，特点在url上有尾巴，长度有限。

Post是通过Socket传输，url无尾巴，安全，无长度限制。

Get是用来取得信息的，Post是用来来发送信息。

Get请求请提交的数据放置在HTTP请求协议中，而POST提交的数据则放在实体数据中。

6.

input标签

1.Type:此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN 和 BUTTON。默认选择为 TEXT。

2.Name:此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称 TEXT1、TEXT2 或选择的任何名称来标识它们。Name 属性的作用域是在 FORM 元素内。

3.Value:此属性是可选属性，它指定控件的初始值。但是，如果 TYPE 为 RADIO，则必须指定一个值。

4.Size:此属性指定控件的初始宽度。如果 TYPE 为 TEXT 或 PASSWORD，则控件的大小以字符为单位。对于其他输入类型，宽度以像素为单位。

5.Maxlength  此属性用于指定可在 TEXT 或 PASSWORD 元素中输入的最大字符数。

6.Checked 此属性是 Boolean 属性，指定按钮是否是打开的。当输入类型为 RADIO 或 CHECKBOX 时，使用此属性。

7.

备注：

1.文本框

2.密码框

3.多行文本框

初始内容

4.单选框

5.复选框

6.菜单式

列表1

列表2

列表3

...

7.列表式

列表1

列表2

列表3

...

8.按钮

9.隐藏域

10.浏览器打开文件

注册案例效果

注册案例代码

form

表单的使用

用户名

密码

性别

男

女

爱好

玩游戏

看书

音乐

学历

硕士

专科

本科

个人简介

照片