整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

认识“路径”

我们的日常实际工作中,经常会需要在网页中插入图像等外部文件,此时就需要采用“路径”的方式来指定文件的位置。

路径可以分为: 绝对路径和相对路径。


绝对路径

绝对路径:以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。

绝对路径是包括服务器规范在内的完全路径。绝对路径不管源文件在什么位置都可以非常精确的找到,除非是目标文档的位置发生变化,否则连接不会失败。


优点:

同源端点无关。只要网站的地址不变,无论文档在站点中如何移动,都可以正常实现跳转而不会发生错误。另外如果希望链接同站点上的其他内容,就必须使用绝对路径。


缺点:

1. 不利于测试,要想测试连接是否有效,必须在Internet服务器端对链接进行测试。

2. 不利于站点的移植。


相对路径

相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。

为了避免绝对路径的缺陷,对于在同一站点之中的链接来说,使用相对路径是一个很好的办法。相对路径可以表述源端点同目标端点之间的相互位置,它同源端点的位置密切相关。

若链接中源端点和目标端点位于同一个目录下,则在链接路径中只需要指明目标端点的文档名即可。

  • 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。
  • 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img01/logo.gif" />。
  • 图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif" />。


注意:在插入图像时,如果使用图像的绝对路径,图像在远程服务器而不在本地硬盘上,则将无法在文档窗口中查看该图像。此时,必须在浏览器中预览该文档才能看到它。因此,对于图像应该尽量使用相对路径。

名和网址是两个相关但不同的概念。

域名是一个由多个部分组成的字符串,用于标识互联网上的一台计算机或一组计算机的名称和地址。域名通常由多个单词和一个或多个顶级域名组成,例如www.example.com。域名可以用于寻找和访问互联网上的网站或其他网络资源。

网址(也称为URL)是一个标识特定网页或其他互联网资源的字符串。网址通常由协议、主机名、路径和查询字符串组成,例如https://www.example.com/index.html?id=123。其中,协议指定了用于访问资源的通信协议,主机名(也可以是IP地址)指定了资源所在的服务器,路径指定了资源所在的目录和文件名,查询字符串用于传递附加参数。

因此,域名是用于标识计算机或计算机集群的名称和地址,而网址是用于标识特定网页或其他互联网资源的字符串。域名通常是网址的一部分,用于帮助浏览器找到所需的服务器,而网址则包含了更具体的信息,用于定位和访问特定的网页或其他网络资源。

x0文件头部内容

1、----------------------设置页面标题<title>

2、----------------------设置基底网址<base>

3、----------------------设置基准文字<basefont>

4、----------------------定义元信息<meta>

5、----------------------设置页面关键字<keywords>

6、----------------------设置页面过期时间<expires>

0x02

设置标题<title>

实例代码:

<html>

<head>

<title>请在这里输入标题</title>

</head>

<body>

请看标题栏

</body>

</html>

设置基底网址<base>

<html>

<head>

<!--href是连接地址;target是页面显示的目标窗口-->

<base href="https://www.toutiao.com/" target="_self">

</head>

<body>

<A href="">点击</A>

</body>

</html>

点击蓝色字体“点击”,直接跳到网页上面。

设置基准文字<basefont>

<html>

<head>

<!--face属性用于设置文字名称 size字体大小 color字体颜色 -->

<basefont face="宋体" size="h2" color="#666666">

</head>

<body>

<A href="">点击</A>HHHHHHHHH

</body>

</html>

由于颜色不明显就不截图了。。。哈哈

定义元信息<meta>

<meta http-equiv=" " name=" " content=" ">

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

name 属性

提供了名称/值对中的名称。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。

类似这样的 meta 标签可能对于进入搜索引擎的索引有帮助:

<meta name="keywords" content="HTML,ASP,PHP,SQL">

如果没有提供 name 属性,那么名称/值对中的名称会采用 http-equiv 属性的值。

http-equiv 属性

http-equiv 属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。

当服务器向浏览器发送文档时,会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对,但是所有服务器都至少要发送一个:content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。

使用带有 http-equiv 属性的 <meta> 标签时,服务器将把名称/值对添加到发送给浏览器的内容头部。例如,添加:

<meta http-equiv="charset" content="iso-8859-1">
<meta http-equiv="expires" content="31 Dec 2008">

设置页面关键字<keywords>/设置页面过期时间<expires>

"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类

"expires"用于设计页面过期时间,content属性设置具体过期时间。

<html>

<head>

<title>设置页面时间过期时间</title>

<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">

</head>

<body>

</body>

</html>

0X03body内容

设置页面背景-------------------bgcolor

设置页面边距-------------------topmargin leftmargin rightmargin bottomnargin

设计正文颜色-------------------text

bgcolor

<html>

<head>

<title>设置页面时间过期时间</title>

<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">

</head>

<body bgcolor="red">

</body>

</html>

显示情况:


topmargin:显示内容和浏览器顶部的距离

leftmargin :显示内容和浏览器左边的距离

rightmargin:显示内容和浏览器右边的距离

bottomnargin:显示内容和浏览器底部的距离

<body text="">字体颜色

<html>

<head>

<title>设置页面时间过期时间</title>

<meta http-equiv=" expires" content="FRI,1 JUN 2007 00 00 00 GMT" charset="UTF-8">

</head>

<body text="blue" bgcolor="red" topmargin=100 leftmargin=20 rightmargin=20 bottomnargin=180>

</body>

</html>

例子:

认识各个html标签的作用,有助于web渗透。。。下个文章看看文字和段落。