1. 程式人生 > >好程式設計師web前端分享HTML基礎篇

好程式設計師web前端分享HTML基礎篇

好程式設計師web前端分享HTML基礎篇最近遇到很多新手,都會問,如果要學web前端開發,需要學什麼?難不難學啊?多久能入門之類的問題那麼今天好程式設計師就先來給大家分享一下web前端學習路線:HTML基礎

學習目標

  • 1、本專業介紹、HTML相關概念,HTML發展歷史
  • 2、WEB標準,W3C/WHATWG/ECMA相關概念
  • 3、相關軟體的應用以及站點的建立
  • 4、HTML基本結構和HTML語法
  • 5、HTML常用標記

一、本專業介紹、HTML相關概念,HTML發展歷史

本專業介紹

移動前端/WEB前端

網站建站流程

好程式設計師web前端培訓

二、WEB標準,W3C/WHATWG/ECMA相關概念

WEB標準組成

好程式設計師

組織解析:
(1)W3C( World Wide Web Consortium )全球資訊網聯盟,創建於1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構。
W3C (制定了結構(xhtml、xml)和表現(css)的標準,非贏利性的。)
(2)ECMA(European Computer Manufactures Association) 歐洲電腦場商聯合會。
ECMA制定了行為(DOM(文件物件模型),ECMAScript)標準

(3)WHATWG網頁超文字應用技術工作小組是:

一個以推動網路HTML 5 標準為目的而成立的組織。在2004年,由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。

HTML及相關概念的介紹

HTML 指的是超文字標記語言 (Hyper Text Markup Language) www全球資訊網的描述性語言。

XHTML指可擴充套件超文字標記語言(標識語言)(EXtensible HyperText Markup Language)是一種置標語言,表現方式與超文字標記語言(HTML)類似,不過語法上更加嚴格。

HTML5指的是HTML的第五次重大修改(第5個版本)(HTML5 是 W3C 與 WHATWG 合作的結果)

HTML發展歷史

好程式設計師

三、相關軟體的應用以及站點的建立

1)站點的作用
A/ 用來歸納一個網站上所有的網頁、素材以及他們之間的聯絡


B/ 規劃網站的所有內容和程式碼 整合資源
2)建立站點的步驟
建立網頁所需各個資料夾 css、js、images
3)檔案的命名規則
A/ 件命名規則:用英文,不用中文
B/ 名稱全部用小寫英文字母、數字、下劃線的組合,其中不得包含漢字、空格和特殊字元;必須以英文字母開頭。@#¥%……! -_
C/ 網站的首頁必須命名為index.html不建議使