Java Web-网页基础-HTML-URL

URL

HTML 统一资源定位器(Uniform Resource Locators)

URL 是一个网页地址。
URL可以由字母组成,如"runoob.com",或互联网协议(IP)地址: 192.68.20.50。大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。

URL - 统一资源定位器

Web浏览器通过URL从Web服务器请求页面。

当您点击 HTML 页面中的某个链接时,对应的 标签指向万维网上的一个地址。

一个统一资源定位器(URL) 用于定位万维网上的文档。

一个网页地址实例: http://www.runoob.com/html/html-tutorial.html
语法规则:

scheme://host.domain:port/path/filename

说明:

scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 runoob.com
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称

在这里插入图片描述

URL 字符编码

URL 只能使用 ASCII 字符集.

来通过因特网进行发送。由于 URL 常常会包含 ASCII 集合之外的字符,URL 必须转换为有效的 ASCII 格式。

URL 编码使用 “%” 其后跟随两位的十六进制数来替换非 ASCII 字符。

URL 不能包含空格。URL 编码通常使用 + 来替换空格。

相对路径

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
	<h1> 年华 </h1>
	<p>
	又是一年, 盛开的花。 <br>
	花边娃儿, 正在长大。<br>
	昨日少女, 快有人家。<br>
	乱了头发, 长了年华。 <br>	
	</p>

	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<h1> 江山定 </h1>
		<p>
		风雨遮前路,  <br>
		冰火伴我行。  <br>
		一度波澜惊,   <br>
		而今江山定。	<br>	
		</p>


	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<h1> 迷离 </h1>
		
		<p>
			
			此城如迷,<br>
			
			此人如离。<br>
			
			此生如戏,<br>
			
			此世如棋。<br>
			
		</p>
		
		<img src="../img/mili.jpg"  />
		
		<a href="../index.html"> 回到首页 </a>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	<h1> 目录 </h1>
	
	<a href="p1.html" > 年华 </a> <br>
	 
	<a href="p2.html" > 江山定  </a>  <br>
	
	<a href="pp/p3.html" > 迷离 </a>  <br>
	
	</body>
</html>

在访问站内资源的时候,应该使用相对路径

年华

江山定

迷离

其中,p1.html表示同级目录下的p1.html。
pp/p3.html表示子目录pp下的p3.html。

./ 当前目录
…/ 上级目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值