今天我要向大家介紹一種上傳自己HTML代碼并展示的方法，那就是通過Github。Github不僅是代碼托管平臺，還支持用戶上傳自己的HTML代碼并在線展示。下面我來教大家如何上傳自己的HTML代碼到Github并進行展示。
首先，我們需要在Github上創建自己的倉庫，可以點擊Github主頁上的“New repository”進行創建。在創建時，需要為倉庫指定一個名稱，此后可以在該倉庫中上傳和管理自己的代碼。
接下來，我們需要在本地編寫好自己的HTML代碼，并將文件保存到本地。為了確保代碼的正確性，建議使用專業的文本編輯器進行編寫。在保存時，我們需要將文件的后綴名改為“.html”，這樣才可以被瀏覽器正確解析。比如，可以將文件保存在本地的“Desktop”文件夾下，命名為“index.html”。
然后，我們需要將本地的代碼上傳到Github上。可以使用Git客戶端工具，將本地代碼通過Git命令上傳到Github上，也可以直接將文件拖拽至Github網頁進行上傳。通過Github網頁上傳時，首先需要進入自己創建的倉庫頁面，然后點擊“Upload files”按鈕，并在彈出的窗口中選擇需要上傳的文件。上傳成功后，我們就可以在自己的Github上看到上傳的文件了。
最后，我們需要在Github上展示自己的HTML代碼。Github支持用戶在線查看HTML代碼，我們只需要在上傳完代碼后，點擊上傳的HTML文件，在文件頁面上方可以看到“Raw”“Blame”等選項，點擊“Raw”即可在頁面上查看所有HTML代碼。如果需要在項目主頁展示代碼，則需要使用Github Pages功能，只需要在倉庫頁面上點擊“Settings”，在“Github Pages”選項中選擇“master branch”的“/docs”文件夾，即可生成一個項目網址，通過該網址可以在線查看HTML代碼。
在這個過程中，需要注意的是，Github僅支持靜態的HTML頁面展示，對于包含動態腳本的HTML頁面，需要使用第三方的靜態網站托管平臺進行展示。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的網頁</title> </head> <body> <p><strong>Hello World!</strong> This is my first page on Github.</p> <p>這是一個展示HTML代碼的例子</p> </body> </html>
上一篇表格css樣式代碼大全
下一篇表格丟失css