網頁初學者的福音?

認識HTML語言,寫一個簡單標準的HTML頁面。本文件主要針對一些對HTML語言感興趣的初學者,後面還會帶的一些用專門寫網頁程式碼的軟體。

工具/原料

最基礎的我們可以用記事本寫,不需要安裝其他軟體。

方法/步驟

首先我們必須要做的一步就是要把你電腦隱藏的字尾名給顯示出來。

如下圖所示,在你的電腦桌面上滑鼠左鍵雙擊我的電腦,當然我的是win7版本,win10的話就是此電腦。

開啟之後會在選項卡看到“檔案”、“編輯”、“檢視”、“工具”、“幫助”。我們在這裡點選“工具”,從下拉列表中點選“資料夾選項”。然後點選檢視,從下面的列表中找到“隱藏已知檔案的副檔名”,把他前面的對勾去掉。

網頁初學者的福音

網頁初學者的福音

網頁初學者的福音

接下來如圖所示,右鍵單擊新建一個記事本文件,在這裡有一個關鍵的步驟就是把文件的字尾名從.txt改成.html。改完之後回車鍵確定,這時候會彈出一個視窗提醒你,問你確定要更改嗎?這裡點確定。你會看到你之前新建的文件已經變成了你預設瀏覽器的樣子,現在你雙擊開啟他的話是在瀏覽器上開啟的,此時頁面毫無疑問是空白的。

網頁初學者的福音

下面就是要寫程式碼了,右鍵單擊你建立好的文件,選擇開啟方式為記事本,開啟之後就可以寫東西了。

網頁初學者的福音

HTML是超文字標記語言,它是由一對對的標記標籤組成的。其中大多數是雙標籤,有開始也有對應的結束標籤,當然也有一部分單標籤,顯而易見,他只有一個標籤,這一個標籤包括開始和結束。

如圖所示:這是一個最簡單的HTML結構。

...

一個標準的網頁必須由這幾部分構成,缺一不可。

網頁初學者的福音

上面的這是HTML的宣告部分,告訴瀏覽器要以HTML5的形式來執行下面的程式碼。之前的HTML版本宣告部分都是一長串,HTML5版本簡化了。

中的部分都是針對瀏覽器的,幾乎都不會再頁面上顯示出來。

這對是個美麗的意外,他表示網頁的標題,我們開啟網站在標題欄看到的都是出現在這個地方的people。

這裡是字元編碼的宣告,utf-8是國際標準編碼,他的實用性比較強,而在國內網站中常用的還有簡體中文GB2312和GBK。

這部分是網頁的身體,也就是說你先要展示的結構內容都是寫在這裡並在網頁上顯示出來的。

關於裡面的HTML標籤有很多,這裡沒辦法一一細數,如果大家有需要的話我會專門寫一個關於HTML標籤的文件供大家參考。

這裡我舉了一個小例子,你最帥。

很明顯這部分是要寫在裡面的。

你最帥

h1標籤是HTML標籤中h標題系列中的一個標籤,字號也是最大。

寫好之後ctrl+s儲存,關閉你的文件,開啟已經轉換成HTML格式的網頁,就是你想要的內容。

希望對大家有所幫助。

初出茅廬,多多指正,萬望包涵。

網頁初學者的福音

注意事項

這裡需要注意的就是要把字尾名給顯示出來,否則的話沒辦法把文件的字尾名改成網頁的,當然你可以新建然後另存為,下面選擇所有型別,上面命名加上.html也可以。不過比較麻煩。

另一個需要注意的就是HTML的基本格式,要在英文半形下書寫,否則會出現錯誤。初學者裡面的東西可以自己改, 裡面的字元編碼不要隨意改變。

初學者, 文件, 網頁, 語言, 福音,
相關問題答案