web設定超連結例項(一)?

Tags: 例項, 超連結,

在web裡面設定超連結,能使瀏覽者看起來更加方便,更加節省時間。。。提高的閱讀的效率。。。

web設定超連結例項(一)

工具/原料

做好的素材

新建文字文件".txt"

收集要連結的素材

收集要連結的素材放在同一目錄下(本例子是放在同一目錄下)。如下圖所示:

web設定超連結例項(一)

HTML例項操作:

第一步,在素材同一目錄下新建文字文件".txt"。如下圖所示:

web設定超連結例項(一)

第二步,開啟文字文件".txt",編輯超連結相關程式碼。如下圖所示:

web設定超連結例項(一)

第三步,路徑要寫正確,URL建議使用相對路徑,放在同一目錄下路徑也比較好寫,儲存,並且重新命名為“例項1.html”。如下圖所示:

web設定超連結例項(一)

第四步,自帶彈出重新命名提示框,點選是即可。如下圖所示:

web設定超連結例項(一)

第五步,文字文件圖示改變成瀏覽器圖示,雙擊即可瀏覽,點選任意文字可以跳轉的文字相同的頁面(收集的素材)。如下圖所示:

web設定超連結例項(一)

web設定超連結例項(一)

web設定超連結例項(一)

web設定超連結例項(一)

HTML例項程式碼:

HTML例項學習

HTML例項學習

1.設定標題

2.設定文字風格

3.設定文字字型

4.聯絡我們

注意事項

提示:URL要寫確定,不然找不到,點選無法跳轉到點選的頁面。

建議把素材和新建的文字文件".txt"放在同一目錄下路徑比較好寫。

重新命名可以直接右鍵重新命名即可,也可以用快捷鍵“F2”。

相關問題答案