HTML笔记(三)
来源:百度文库 编辑:神马文学网 时间:2024/10/06 20:02:10
本地连接:
对同一台机器上的不同文件进行的连接称为本地链接,它使用UNIX或DOS系统中文件路径的表示方法,采用绝对路径或相对路径来指示一个文件。
例如:我们现在正在浏览的这一页的绝对路径是:c:\study\HTML教程\link01.htm
而这一页相对于当前目录即“HTML教程”的相对路径是:link01.htm
如果是浏览HTML教程之外的一页,该文件路径要以两个圆点(..)来表示上一层目录:../../internet/IP地址
现在我们把这几种路径的表示方法写入链接中:
以绝对路径表示:文件的链接
以相对路径表示:文件的链接
链接上一目录中的文件:IP地址
一般情况下,我们是不用绝对路径的,因为我们的资源常常是放在网上供其他人浏览的,写成绝对路径,当我们把整个目录中的所有文件移植到服务器上时,带有C:\的资源地址用户将无法访问到。所以我们最好写成相对路径,避免了重新修改文件资源路径的麻烦。
URL链接:
URL意思是统一资源定位器,通过它可以以多种通讯协议于外界沟通来存取信息。
URL链接的形式是: 协议名://主机.域名/路径/文件名
其中协议包括:
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器
例如,http://www.edu.cn/
ftp://ftp.njtu.edu.cn
写在HTML文件中,链接其他主机上的文件时,格式如下:
中国山西之窗
西北网络中心兵马俑站
目录链接:
前面所谈的资源地址,只是单纯的指向一份文件,但是,对于直接指到某文件上部、下部或是中央部分,以上方法却是无法做到的。然而,我们要这样做,也并不是毫无办法。我们可以是使用目录链接。
制作目录链接方法是:
·首先把把某段落设置为链接位置,格式是:〈A NAME="链接位置名称">
·在调用此链接部分的文件,定义连接:链接文字
如果是在一个文件内跳转,文件名可以省略不写。
例:
链接举例
我们的HTML教程已经进行到“文件之间的链接”部分,其中,我们学习了本地链接、目录链接和URL链接。之前,我们还介绍了文字的设计、TABLE表格、列表等内容。也许很多人理解起来比较吃力,这是很正常的,每个人在刚刚接触它的时候往往要度过很长的一段接受时期。
对同一台机器上的不同文件进行的连接称为本地链接,它使用UNIX或DOS系统中文件路径的表示方法,采用绝对路径或相对路径来指示一个文件。
例如:我们现在正在浏览的这一页的绝对路径是:c:\study\HTML教程\link01.htm
而这一页相对于当前目录即“HTML教程”的相对路径是:link01.htm
如果是浏览HTML教程之外的一页,该文件路径要以两个圆点(..)来表示上一层目录:../../internet/IP地址
现在我们把这几种路径的表示方法写入链接中:
以绝对路径表示:文件的链接
以相对路径表示:文件的链接
链接上一目录中的文件:IP地址
一般情况下,我们是不用绝对路径的,因为我们的资源常常是放在网上供其他人浏览的,写成绝对路径,当我们把整个目录中的所有文件移植到服务器上时,带有C:\的资源地址用户将无法访问到。所以我们最好写成相对路径,避免了重新修改文件资源路径的麻烦。
URL链接:
URL意思是统一资源定位器,通过它可以以多种通讯协议于外界沟通来存取信息。
URL链接的形式是: 协议名://主机.域名/路径/文件名
其中协议包括:
file 本地系统文件
http WWW服务器
ftp ftp服务器
telnet 基于TELNET的协议
mailto 电子邮件
news Usenet新闻组
gopher GOPHER服务器
wais WAIS服务器
例如,http://www.edu.cn/
ftp://ftp.njtu.edu.cn
写在HTML文件中,链接其他主机上的文件时,格式如下:
中国山西之窗
西北网络中心兵马俑站
目录链接:
前面所谈的资源地址,只是单纯的指向一份文件,但是,对于直接指到某文件上部、下部或是中央部分,以上方法却是无法做到的。然而,我们要这样做,也并不是毫无办法。我们可以是使用目录链接。
制作目录链接方法是:
·首先把把某段落设置为链接位置,格式是:〈A NAME="链接位置名称">
·在调用此链接部分的文件,定义连接:链接文字
如果是在一个文件内跳转,文件名可以省略不写。
例:
我们的HTML教程已经进行到“文件之间的链接”部分,其中,我们学习了本地链接、目录链接和URL链接。之前,我们还介绍了文字的设计、TABLE表格、列表等内容。也许很多人理解起来比较吃力,这是很正常的,每个人在刚刚接触它的时候往往要度过很长的一段接受时期。
除了我们的这个教程外,网上也有很多的站点介绍了HTML文件的制作方法,在这里,我来推荐几个做得相当不错的站点:
插入图像:
超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种,所以我们对图片处理后要保存为这三种格式中的任何一种,这样才可以在浏览器中看到。
插入图象的标签是,其格式为:地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性,可以改变图形的大小,如果没有设置,图形按原大显示:
由IMG中的ALIGN属性来设置图文的对齐方式,有以下几种:
美丽的心灵
美丽的心灵
美丽的心灵
美丽的心灵
美丽的心灵
美丽的心灵
美丽的心灵
在HTML文件里图形水平位置的配置,可由HSPACE属性来完成,其垂直位置的配置,由VSPACE来完成。
图形按钮:
图形按钮就是使用者通过在图形上单击,就能连接到某个地址上去。很简单,我们只要调用一下前面的知识就可以完成了。其基本格式如下:
播放音乐
将音乐做成一个链接,只需用鼠标在上面单击,就可以听到音乐:
乐曲名
例如播放一段AU格式音乐:同桌的你-AU音乐
我们还可以让音乐自动载入,你可以让它出现控制面板或当背景音乐来使用。基本语法:
HTML笔记(三)
HTML笔记(二)
HTML代码学(三)
HTML笔记(一)
笔记 HTML 语言 Sample1
HTML DOM 简要笔记
管理学笔记(三)
Jetspeed2学习笔记(三)
笔记三
管理学笔记(三)--霁云雨寻
管理学笔记(三)--霁云雨寻
《pro Spring》学习笔记之使用Spring+James邮件服务器发送内嵌图片的HTML邮件(转载)
DWR学习笔记(三)
有效管理者的八大工具学习笔记(三)
IPVS代码阅读笔记(三):调度算法
阳明篇笔记吴茱萸汤与吴茱萸(三)
Linux内存管理(三)_菜鸟学习笔记
html
html
struts - 标签库(html)
HTML代码学习(一)
(精)html 成品 代码
【原创】Liferay Portal学习笔记(三):自定义页面布局Template - 冷...
【原创】Liferay Portal学习笔记(三):自定义页面布局Template