整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          認識“路徑”

          我們的日常實際工作中,經常會需要在網頁中插入圖像等外部文件,此時就需要采用“路徑”的方式來指定文件的位置。

          路徑可以分為: 絕對路徑和相對路徑。


          絕對路徑

          絕對路徑:以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 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滲透。。。下個文章看看文字和段落。


          主站蜘蛛池模板: 国产精品第一区揄拍| 日韩av无码一区二区三区| 99久久精品国产高清一区二区| 老熟女五十路乱子交尾中出一区| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 国产AⅤ精品一区二区三区久久| 亚洲一区二区三区免费| 一区二区国产在线观看| 一区二区国产精品| 精品一区二区久久| 一区二区三区免费高清视频| 精品无码人妻一区二区三区不卡| 国产精品电影一区二区三区| 2021国产精品一区二区在线 | 亚洲av无码一区二区三区不卡| 色系一区二区三区四区五区| 久久久久人妻精品一区三寸| 人妖在线精品一区二区三区| 无码av免费一区二区三区试看| 国产裸体歌舞一区二区| 亚洲.国产.欧美一区二区三区| 久久无码人妻一区二区三区 | 日韩一区二区a片免费观看| 国产亚洲日韩一区二区三区 | 中文字幕无线码一区| 精品一区二区三区无码免费直播| 亚洲av日韩综合一区在线观看| 亚洲另类无码一区二区三区 | 无码福利一区二区三区| 国产99视频精品一区| 99久久无码一区人妻a黑| 亚洲熟妇无码一区二区三区导航| 中文字幕一区在线观看视频| 在线日产精品一区| 国产综合视频在线观看一区| 无码人妻精品一区二区蜜桃百度| 日本精品一区二区三区在线视频| 国模一区二区三区| 日韩精品一区二区三区在线观看| 国产一区二区三区在线视頻 | 精品无码一区二区三区爱欲|