HTML快速入门7——URL详解、图片使用

本文详细解释了URL(通用资源定位符)的概念及其组成部分,包括协议、站点地址、端口、目录、文件名和检索条件,并通过实例展示了如何在网页中使用URL。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  有人反映搞不懂上课的内容,也许是比方多了一些,这里试着用相对专业简洁的方式来重新表述一下连接。

URL

  URL(Uniform Resource Locator,通用资源定位),在Internet上用于指定信息位置

  简单的说网上有各种资源(东西),比如文件,页面,图片,声音等等。
这些资源又分布在网上不同的地方。为了能表明一个资源的位置,因此引入一种通用的表示方式——URL。

  最基本的URL就是我们所说的网址,比如http://qq.com.cnhttp://www.yahoo.com
下面列出其他形式的一些URL。

例子说明
http://qq.com.cn网址
只包含站点
http://hz.qq.com.cn/qq/img/bbs/4.gif一个图片URL
http://hz.qq.com.cn/qq/sys/register/new.htmQQ注册页面
http://hz.qq.com.cn/cgi-bin/sys/register/usr.asp?logname=masterQQ显示master
用户个人档案
的查询页面
http://hz.qq.com.cn:81/qq/sys/register/new.htmQQ BIG5码
注册页面
http://hz.qq.com.cn/cgi-bin/bbs/sys/view.asp?id=120747QQ
看120747号
帖子的页面
  
ftp://ftp.download.com/abc.zip一个下载文件
的FTP连接
news://news.com新闻组连接
javascript:newin('/cgi-bin/sys/autolog/autolog.asp')QQ中跳出登陆
窗口的
javascript
连接
  
file:///c:/qq/img/bbs/1.gif本地硬盘连接
一个QQ本地表情

  上面列出的URL,基本上输入到浏览器的“地址栏”,浏览器就可以找到。
而URL确实主要用途就是用来引用网上的资源的。

  其中ftp://和news://用得并不多,大家只要知道URL可以有很多形式就可以了。Javascript:是一个比较特别的URL,主要用来激活Javascript程序,大家只要知道
有这么回事,见到认识,就可以了。file://指向你本地的硬盘,其实任何网页,当你保存到本地硬盘后,再用浏览器打开,就会发现地址栏是就是file://类型。

 

URL的使用

  除了直接输入到浏览器的地址栏中,URL当然可以直接出现在网页中。

a标签

<a href=url>显示文字</a>

比如:

<a href=http://qq.com.cn>QQ首页</a>

浏览器显示:

QQ首页

当你把鼠标移动到“QQ首页”上面时,浏览器的状态栏(底部),就会显示出

http://qq.com.cn

 

img标签

<img src=url>

显示一个图片,比如:

<img src=http://hz.qq.com.cn/qq/img/bbs/38.gif>

显示:

 

说明
  img是一个inline标签,所以图片可以插入文字中。

今后其他能使用URL的地方,都简单的用斜体url表示。

 

解析一个URL

http://hz.qq.com.cn:81/cgi-bin/bbs/sys/view.asp?id=120747

五颜六色的一个URL,我们把他分成了六部分。

 说明
http://URL类型(协议)
hz.qq.com.cn站点地址(网站域名或者直接IP地址,比如202.96.122.45)
:81端口(省略的话就是80),

QQ有两个端口,80缺省的是大陆GB码,81是港台BIG5码

/cgi-bin/bbs/sys/目录
view.asp文件名
?id=120747检索条件

 

 

  能自己构造URL,或者引用别人提供的URL,是非常重要的。

图片的用法也许该早些介绍,大家可以试着自己写aimg标签。

花些时间琢磨一下QQ中的URL,我想是值得的。

 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值