在文檔中創建鏈接的能力可能會將您帶到另一個文檔,也許在全球的一半網絡中,這可以說是萬維網發明的唯一最重要的原因。 這些稱為超級鏈接的鏈接是HTML中的“H” - 超文本標記語言。 沒有超鏈接,網絡將不會非常有用。 沒有搜索引擎,社交媒體或橫幅廣告(好吧,我們大多數人都可以看到這些)。
當您創建自己的網頁時,您將要創建超鏈接,並且KompoZer具有易於添加任何類型鏈接的工具。 本教程中的示例頁面將包含四個類別的其他網站的鏈接,以及同一網頁的其他部分的鏈接,並啟動一封電子郵件。 我將從每個類別的標題和四個H3標題開始。 在下一頁,我們將添加一些鏈接。
05年1月
使用KompoZer創建超鏈接
通過單擊工具欄上的鏈接按鈕可以訪問KompoZer的超鏈接工具。 創建超鏈接:
- 將光標置於您想要顯示超鏈接的頁面上。
- 點擊工具欄上的鏈接按鈕。 鏈接屬性對話框將出現。
- 您需要填寫的第一個字段是鏈接文本框。 輸入您想要在超鏈接頁面上顯示的文字。
- 您需要填寫的第二個字段是鏈接位置框。 輸入您的超鏈接在單擊時將使用戶訪問的頁面的URL 。 從瀏覽器的地址欄複製並粘貼網址是個不錯的主意。 用這種方式犯錯的可能性要小得多,而且至少在創建鏈接時,您知道頁面處於活動狀態,並且該鏈接沒有中斷。
- 單擊確定,鏈接屬性對話框將關閉。 您的鏈接現在將顯示在您的頁面上。
在大多數瀏覽器中,默認情況下超鏈接將以藍色下劃線文本顯示。 您可以將自己的樣式應用到KompoZer的超鏈接,但現在,我們將堅持使用基本的超鏈接。 在Web瀏覽器中預覽您的頁面並點擊鏈接以確保它們正常工作是個不錯的主意。
05年05月
使用KompoZer創建錨鏈接
還有另一種超鏈接,可以在點擊時將您帶到同一網頁的另一部分。 這種超鏈接被稱為錨鏈接,並且當您單擊該鏈接時所採用的頁面區域稱為錨點。 如果您曾經使用過網頁底部的“返回頂部”鏈接,您可以點擊指向錨點的鏈接。
KompoZer允許您使用工具欄上的錨點工具創建您可以鏈接到的錨點。
- 點擊你想要錨點的頁面區域。 也就是說,您希望在單擊錨點鏈接時將頁面查看器帶到哪裡。 對於這個例子,我在最喜歡的音樂標題中的“F”之前點擊。
- 點擊工具欄上的錨點按鈕。 出現命名錨點屬性對話框。
- 頁面上的每個錨都需要一個唯一的名稱。 對於這個主播,我用了“音樂”的名字。
- 點擊確定,你會看到,並且錨點符號出現在你想要錨點的位置。 這個符號不會出現在你的網頁上,它只是KompoZer如何顯示你的錨點在哪裡。
- 對您希望用戶能夠跳轉到的頁面的任何其他區域重複該過程。 如果頁面上有很多文本由標題或其他邏輯分隔符分隔,則錨點是瀏覽頁面的簡單方法。
接下來,我們將創建將讀者帶到您創建的錨點的鏈接。
05年3月
使用KompoZer創建頁面導航
既然您在頁面上有錨點,那麼讓我們創建將用作這些錨點的快捷方式的鏈接。 在本教程中,我在頁面的頂部標題下創建了一個1行,4列的表格。 每個表格單元格都包含與用於分隔頁面上鍊接的類別標題之一相同的文本。 我們將使每個表格單元格中的文本成為相應錨點的鏈接。
04年05月
使用KompoZer創建超鏈接
現在我們有了我們的錨點並且我們將用於頁面導航的文本輸入,我們可以將這些純文本塊轉換為鏈接。 我們將再次使用鏈接按鈕,但這次它會有點不同。
- 選擇您想要變成鏈接的文本。 在本例中,我選擇了頁面頂部第一個表格單元格中的文字“Favorite Music”。
- 點擊工具欄上的鏈接按鈕。 鏈接屬性對話框將打開。
- 在這種情況下,我們在單擊“鏈接”按鈕之前選擇了文本,因此窗口的“鏈接文本”部分已經填入並且無法編輯。 點擊鏈接位置部分的向下箭頭。 你會看到你在前面的步驟中創建的錨點列表。 在這個例子中,我選擇了#音樂定位符。
- 點擊確定。 導航欄中的“喜歡的音樂”文本會變成鏈接,導致觀看者在點擊時跳轉到頁面上的該部分。
您會注意到,下拉菜單中的每個命名錨都在其前面有一個“#”號。 這是你如何創建一個鏈接到HTML中的錨。 錨點名稱前面的“#”告訴瀏覽器該鏈接會將您帶到同一頁面上的另一個地方。
05年05月
使用KompoZer從圖像創建超鏈接
你知道嗎,你可以創建一個從圖像和文字的鏈接? KompoZer允許您只需點擊幾下即可完成此操作。 在這裡,我插入了一個顯示向上箭頭的小圖標圖像和頁面底部的文本“TOP”。 我將使用此圖片作為跳轉回頁面頂部的鏈接。
- 右鍵單擊圖像,然後從上下文標籤中選擇“圖像和鏈接屬性”。 圖像屬性對話框將打開。
- 在“位置”選項卡上,您將看到圖像的文件名和已經填入的縮略圖視圖。您應該在“替代”文本框中輸入一些文本。 當您將鼠標移動到圖像上方時會出現這種情況,以及當視障人士閱讀網頁時屏幕閱讀器讀取的內容。
- 點擊鏈接標籤。 在這裡,您可以從菜單中選擇一個錨點,就像我們對錨點鏈接所做的一樣。 事實上,這張圖片被用作錨鏈接。 我選擇了#Links_Of_Interest錨點,將我們帶回頂部。
- 點擊確定。 點擊圖片現在鏈接回頁面頂部。