HTML5的靜態網頁實現（一）
阿新 • • 發佈：2018-12-20
今天我來給大家分享一下做網頁的基本技巧，即使你不懂程式設計是什麼，你只要有一臺電腦，你會複製貼上就可以了
做一個網頁，有兩種方法，第一種方法就是用編輯器做，我給大家推薦幾個常用的網頁製作的編輯器，比如DW（Dreamweaver），Hbuilder等等，而我用的是pycharm，因為我學python的過程中， 發現這個編輯器也可以寫html，然後就直接用了。
接下來告訴大家怎麼用第二種方法做網頁
記事本做一個網頁，對，你沒有聽錯，就是用記事本寫。
1、建立一個記事本
2、然後把這段程式碼複製進去
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>你的文章標題</title> </head> <body> 你要寫的內容就在這裡，不加程式碼修飾的話，也是可以顯示在網頁裡面的 這樣你的一個小網頁就這麼搭建好了 </body> </html>
3、然後儲存，把檔案字尾名改成htm或者html（有的同學發現改不了，這時你要在我的電腦裡面設定一下，把字尾名顯示的選項開啟，不同的作業系統 ，更改的方式不一樣，方法我這裡就不說了，大家自行百度就可以了）
圖片是不是變成了遊覽器的樣子，點開就可以了
但是開啟的是亂碼，因為用記事本編輯的程式碼是不支援中文的，只能用英文
但是程式碼改成英文的就可以執行了
下面我們換成英文字母試試看！！！
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>major title</title> </head> <body> I am happy </body> </html>
執行結果如下
接下來就介紹用編輯器實現網頁設計
開啟我的編輯器 pycharm
具體怎麼建立Html檔案我就跳過了
然後建立 html檔案，輸入以下程式碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>你的文章標題</title> </head> <body> </body> </html>
下面來寫一寫網頁的 內容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>你的文章標題</title>
</head>
<body>
你要寫的內容就在這裡，不加程式碼修飾的話，也是可以顯示在網頁裡面的
這樣你的一個小網頁就這麼搭建好了
</body>
</html>
咦，是不是發現了什麼，在程式碼裡你習慣性的換行，然而在網頁裡卻沒有換行，所以要做好網頁，對一些細節的知識還是要好好學習一下 才有效果！！！
好了，今天的分享就到這裡了！！！