我們的日常實際工作中,經常會需要在網頁中插入圖像等外部文件,此時就需要采用“路徑”的方式來指定文件的位置。
路徑可以分為: 絕對路徑和相對路徑。
絕對路徑
絕對路徑:以Web站點根目錄為參考基礎的目錄路徑。之所以稱為絕對,意指當所有網頁引用同一個文件時,所使用的路徑都是一樣的。
絕對路徑是包括服務器規范在內的完全路徑。絕對路徑不管源文件在什么位置都可以非常精確的找到,除非是目標文檔的位置發生變化,否則連接不會失敗。
優點:
同源端點無關。只要網站的地址不變,無論文檔在站點中如何移動,都可以正常實現跳轉而不會發生錯誤。另外如果希望鏈接同站點上的其他內容,就必須使用絕對路徑。
缺點:
1. 不利于測試,要想測試連接是否有效,必須在Internet服務器端對鏈接進行測試。
2. 不利于站點的移植。
相對路徑
相對路徑:以引用文件之網頁所在位置為參考基礎,而建立出的目錄路徑。因此,當保存于不同目錄的網頁引用同一個文件時,所使用的路徑將不相同,故稱之為相對路徑。
為了避免絕對路徑的缺陷,對于在同一站點之中的鏈接來說,使用相對路徑是一個很好的辦法。相對路徑可以表述源端點同目標端點之間的相互位置,它同源端點的位置密切相關。
若鏈接中源端點和目標端點位于同一個目錄下,則在鏈接路徑中只需要指明目標端點的文檔名即可。
注意:在插入圖像時,如果使用圖像的絕對路徑,圖像在遠程服務器而不在本地硬盤上,則將無法在文檔窗口中查看該圖像。此時,必須在瀏覽器中預覽該文檔才能看到它。因此,對于圖像應該盡量使用相對路徑。
名和網址是兩個相關但不同的概念。
域名是一個由多個部分組成的字符串,用于標識互聯網上的一臺計算機或一組計算機的名稱和地址。域名通常由多個單詞和一個或多個頂級域名組成,例如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滲透。。。下個文章看看文字和段落。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。