1、在文件夾中新建一個txt文檔,將文檔名稱改成“index.html”的html文件,如下圖所示。
2、html文件新建好后,將其拖入Sublime編輯器中,剛開始的html文件內容是空的,如下圖所示。
3、完善html的代碼,填入html5標準化代碼,代碼如下。
4、網頁之間,最常用的跳轉方法是a標簽跳轉,通過“<a href='網址'>點擊跳轉</a>”的方式來實現跳轉。
5、給a標簽添加“target='_blank' ”屬性后,是在新的窗口打開一個網頁,原網頁不變。
6、除了用html自帶標簽跳轉外,我們還可以使用js的方式來實現跳轉。“window.location.href='網址' ”則是文件加載后就跳轉到網址頁面。
第一步,首先想變a標簽的位置,是使用css控制的,那么我們先前往css官方文檔查看一下,有什么屬性是可以控制位置的,最終我們找到定位position 屬性可以輕松解決
第二步,為了方便我們對html代碼進行編輯
第三步,為了更加詳細的說明怎么用
第四步,我們使用css來position 給a標簽改變位置
第四步,我們前往瀏覽器打開這個html網頁,發現a標簽位置已經改變,只要改變top和left的大小就能改變位置
HTML超鏈接
1.超鏈接可以是一個字,一個詞,或者一組詞,也可以是一幅圖像,您可以點擊這些內容來跳轉到新的文檔或者當前文檔中的某個部分。
當把鼠標指針移動到網頁中的某個鏈接上時,箭頭會變為一只小手。
我們通過使用 <a 標簽在 HTML 中創建鏈接。
有兩種使用 <a 標簽的方式:
通過使用 href 屬性 - 創建指向另一個文檔的鏈接
通過使用 name 屬性 - 創建文檔內的書簽