從零學習前端開發·HTML

超文本標記語言(英語:HyperText Markup Language,簡稱:HTML) 是一種用於創建網頁的標準標記語言。HTML是一種基礎技術,常與CSS、JavaScript一起被眾多網站用於設計令人賞心悅目的網頁、網頁應用程序以及移動應用程序的用戶界面。網頁瀏覽器可以讀取HTML文件,並將其渲染成可視化網頁。HTML描述了一個網站的結構語義隨著線索的呈現,使之成為一種標記語言而非編程語言。

HTML元素是構建網站的基石。HTML允許嵌入圖像與對象,並且可以用於創建互動式表單,它被用來結構化信息——例如標題、段落和列表等等,也可用來在一定程度上描述文檔的外觀和語義。HTML的語言形式為尖括弧包圍的HTML元素(如 <html>),瀏覽器使用HTML標籤和腳本來詮釋網頁內容,但不會將它們顯示在頁面上。

HTML可以嵌入如JavaScript的腳本語言,它們會影響HTML網頁的行為。網頁瀏覽器也可以引用層疊樣式表(CSS)來定義文本和其它元素的外觀與布局。

  • 推薦書目
    1. Head First HTML與CSS
    2. Head First HTML5 Programming(中文版)
    3. HTML5與CSS3基礎教程
    4. 響應式Web設計
    5. HTML & CSS設計與構建網站
    6. HTML5程序設計
  • 在線課程
    1. w3school HTML教程
    2. 菜鳥 HTML教程
    3. HTML 30分鐘入門教程
    4. MDN HTML教程
    5. HTML5 中文教程
    6. English
      • HTML Tutorials on HTML Dog
      • Learn to Code HTML & CSS
  • 視頻教程
    1. 51CTO HTML零基礎快速入門視頻課程
    2. 極客學院 HTML5開發開發知識體系圖
    3. 慕課網 HTML+CSS基礎課程
    4. 網易雲課堂 HTML 5全套課程精講(HTML5+CSS3)
  • 應用推薦(IOS&English ONLY)
    1. L2Code HTML – Learn to Code and Build HTML and HTML5 Webpages and Websites by SparkNET Interactive
    2. Learn HTML Basics by Jake Schultz
    3. Learn HTML Fundamentals by Sololearn Inc
    4. Lrn - Learn to code in HTML, CSS, Javascript, Ruby & Python by Lrn Labs, Inc.
  • 標準文檔
    1. MDN HTML 參考
    2. W3School HTML Element Reference
    3. W3C HTML
    4. 15個HTML最佳實踐

  • 實踐項目
    1. CSS 教程從 HTML + CSS開始
    2. HTML Dog Examples
    3. Codecademy HTML & CSS
    4. HTML Basic on Codepen

參考資料

1. [維基百科 HTML](https://zh.wikipedia.org/wiki/HTML)n

推薦閱讀:

你可能不知道的 css 內容塊
Webpack 速成
[翻譯]React還是Vue:你該如何選擇?
在兩個月內,從開始學習代碼,到發布一個 Web App

TAG:前端开发 | 前端入门 | HTML |