學習如何用Python語言開發網頁 No.2
好的,接著我們上篇文章的進度,打開brackets,在左側工作區右鍵新建文件,然後在右側編輯區域第一行輸入<!DOCTYPE html>,之後回車在第二行輸入<html>
首先<!DOCTYPE>是一種聲明(定義文檔類型),且位於文檔中的最前面的位置與<html> 標籤之前,作用是告知網頁瀏覽器頁面使用了哪種HTML版本,從而指定了語言標準,使瀏覽器能夠正確渲染內容。所以,大家務必要在html的文檔中加入<!DOCTYPE>聲明從而使瀏覽器能夠正確識別文檔類型。而接下來的<html>標籤則表示著網頁編輯的開始。
緊接著,做一個網頁就像寫一篇文章一樣要有頭有尾,所以開頭,中間和結尾,以及一些標題和段落的細分也是我們需要做的。空一行(使代碼看上去更清晰,標誌著網頁內容編輯的開始)在第四行按TAB鍵空格後輸入<head>來表示你的開頭以及在第五行輸入</head>來表示你開頭的結束,這個點大家需要注意一下*一個開頭也包括了像網頁題目這種包括在開頭之中的內容,且是編輯在<head>與</head>之間的,而提前輸入好只是為了避免在結尾時忘記終止從而使代碼產生混亂。
之後在兩者之間重開一行,且按TAB空格來標註屬於開頭之中的內容,輸入<meta charset="utf-8">注意*這條代碼也是一條聲明編碼,在使用中文製作網頁時必須加上,如果不加上這段,那中文將不會被瀏覽器識別從而形成亂碼,使用英文編輯網頁時則可去掉。接下來回車在下一行輸入<title></title>中間輸入自己想起的標題。
這樣下來我們的開頭部分就完成了,就下來就開始做中間部分了,作文上說虎頭豬肚,中間部分是整個頁面的內容與排版布局,包含了你整個網頁的定義與價值。我們用<body></body>來開始編輯一個網頁的中間部分,且中加可以穿插<h></h >來表示標題,<p></p> 來表示不同的段落,如果有多標題可加數字來使編碼更清晰,最後別忘記在結尾加上</html>來表示網頁編輯的終止,就可以去實時預覽里查看自己的成果了!
推薦閱讀: