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

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

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,我想是值得的。

 
在Android中提取HTML中的图片地址可以通过以下步骤实现: 1. 获取HTML内容:使用HttpURLConnection或HttpClient等方法发送HTTP请求并获取HTML页面的内容。 2. 解析HTML内容:可以使用Jsoup等HTML解析库来解析HTML内容,将其转化为DOM树结构。 3. 定位图片标签:通过DOM树结构可以定位到HTML中的图片标签<img>。 4. 提取图片地址:通过解析<img>标签的属性,特别是src属性,可以获取图片URL地址。 下面是一个示例代码,演示了如何在Android中提取HTML中的图片地址: ```java import org.jsoup.Jsoup; import org.jsoup.nodes.Document; import org.jsoup.nodes.Element; import org.jsoup.select.Elements; import java.io.IOException; public class HTMLImageExtractor { public static void main(String[] args) { try { // 获取HTML内容 String html = "<html><body><img src=\"https://example.com/image1.jpg\" /><img src=\"https://example.com/image2.jpg\" /></body></html>"; // 解析HTML内容 Document doc = Jsoup.parse(html); // 定位图片标签 Elements imgElements = doc.getElementsByTag("img"); // 提取图片地址 for (Element imgElement : imgElements) { String imgUrl = imgElement.attr("src"); System.out.println("Image URL: " + imgUrl); } } catch (IOException e) { e.printStackTrace(); } } } ``` 在这个示例代码中,我们使用了Jsoup来解析HTML内容。首先,将HTML字符串传递给Jsoup.parse()方法,然后使用getElementsByTag()方法来定位所有的<img>标签。最后,通过调用attr("src")方法,可以获取到每个<img>标签的src属性值,也就是图片的地址。 在开发Android应用时,可以将上述代码集成到项目中,并根据实际需求进行适当调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值