提到前端開發技術，最爲基礎的就是html，css，JavaScript等語言。
HTML是一種超文本標記語言，HTML用來搭建網頁的結構和框架，用帶尖括號<>的標籤來表示。CSS是層疊樣式表，作用是給網頁加樣式，和HTML搭配可以讓網頁界面變得更美觀。JavaScript是一種腳本語言，它可以讓網頁響應某些行爲（比方說你在網頁上戳一戳，界面就能動一動的那種）。
前段開發編寫代碼的編譯器有很多。如果是剛剛開始學習HTML的新手，用記事本其實就夠了，雖然一點都不好用，但重複的勞動除了讓身體感到勞累外，還能讓記憶得到加強……學到後來可以下載Dreamweaver或者HBuilder，VS也可以用來編輯，我用的是HBuilder，在官網上可以直接下載，因爲它界面好看，還有護眼模式。再者是瀏覽器，瀏覽器是用來展示網頁的工具，我們編寫的代碼都要通過瀏覽器來呈現。同樣的代碼，通過不同瀏覽器展現出來的界面可能不同，瀏覽器方面外推薦谷歌的Chrome，因爲Chrome各方面性能都挺好的。
第一個HTML頁面
<!doctype html>
<html>
<head>
<meta charset=“utf-8”>
<title>我真帥</title>
</head>
<body>
</body>
</html>
上面這是一個HTML頁面的基本結構，上面這幾種標籤上是每個網頁都要用到的。
<!doctype>是一個文檔類型聲明，也就是告訴瀏覽器使用什麼樣的HTML或XHTML規範來解析網頁，解析規範由DOCTYPE定義的DTD（文本類型定義）來指定，DTD規定了使用標籤語言的網頁語法。總之就是一個有點冗長的過程啦，大家感興趣的可以去百度一下。再者，DOCTYPE是不區分大小寫的，所以也可以寫成<!doctype html>.行吧，我知道這段沒人看懂……想透徹理解的自行百度吧。
<html></html>是開始文檔的實際HTML部分，<html>標籤是HTML所有標籤的頂層標籤，界面中所有標籤都必須放在<html></html>標籤對之間。簡單點說，這對標籤寫在最外層（<!doctype html>除外）。
<head></head>設置網頁文檔的頭部信息。<head>通常跟在<html>後面，用來設置一些與網頁相關的信息，如網頁標題、字符集、網頁描述的信息等，而設置的信息內容一般不會顯示在瀏覽器窗口中。
<title></title>設置網頁標題。設置的標題將會出現在瀏覽器的標籤欄中，這個標題還可以用於搜索引擎索引，作爲搜索關鍵字和搜索結果的標題使用。
<meta>定義文檔元元素，使用“名稱=值”的形式來表示。上面的“utf-8”又叫“萬國碼”，它幾乎涵蓋了地球上所有地區的文字，有了它，你可以在HTML界面上寫中文、英文、韓文等語言內容，而不會顯示亂碼。還可以用<meta>設置關鍵詞和網頁描述信息，如<meta name=“keywords” content=“關鍵詞1，關鍵詞2，關鍵詞3，…”>關鍵詞之間可以使用逗號，也可以使用空格等符號。設置網頁描述信息代碼如下：<meta name=“discription” content=“網頁描述信息”>。
<body></body>存放頁面主體內容。所有需要在瀏覽器中顯示的內容都寫在這對標籤間。
PS：
1.標籤是由尖括號包圍的關鍵詞，比如<html>.
2.標籤分爲雙標籤和單標籤。雙標籤有開始標籤和結束標籤，開始標籤由<標籤名>表示，結束標籤由</標籤名>表示。單標籤指單獨呈現的標籤，如<meta charset=“uft-8”/>。
3.有一些標籤可以搭配若干個屬性使用，結束標籤不包含任何屬性。添加屬性後，可以使你編寫的界面更精緻。
4.如果是雙標籤，內容寫在兩個標籤之間；如果是單標籤，內容在標籤屬性中賦值，如圖片標籤img，圖片地址就出現在src屬性中：<img src=“tupian.png”/>
5.標籤不區分大小寫，但爲了建立良好的編程習慣（因爲大多數人都小寫，爲了好看），所以標籤最好使用小寫。
6.我累了，要去睡了，不管有沒有人看，不管你們看不看得懂，我還會寫下一篇的……
7.正經點說，以上有些是憑印象寫的，大體上應該沒錯，但細節方面如果有問題歡迎指正。再者，看不懂歡迎與我討論。