1. 程式人生 > >前端開發---HTML---介紹

前端開發---HTML---介紹

網頁 什麽 標準 char firework 樣式表 註釋 ID 標簽

閱讀目錄

1.標簽

2.HTML目錄結構

3.HTML註釋

一、web1.0時代的網頁制作

靜態網頁,所謂的靜態網頁就是沒有與用戶進行交互而僅僅供讀者瀏覽的網頁,我們當時稱為“牛皮癬”網頁。例如一篇QQ日誌、一篇博文等展示性文章。
網頁三劍客 Dreamweaver+Fireworks+Flash”吧,這個組合就是web1.0時代的產物。

二、web2.0時代的網頁制作

前端開發”是從“網頁制作”演變而來的。
從2005年開始,互聯網進入web 2.0時代,由單一的文字和圖片組成的靜態網頁已經不能滿足用戶的需求,用戶需要更好的體驗。
在web 2.0時代,網頁有靜態網頁和動態網頁。所謂動態網頁,就是用戶不僅僅可以瀏覽網頁,還可以與服務器進行交互。
web2.0時代的網頁不僅包含炫麗的動畫、音頻和視頻,還可以讓用戶在網頁中進行評論交流、上傳和下載文件等(交互性)。

三、前端開發都有那些內容

網頁最主要由3部分組成:結構、表現和行為。網頁現在新的標準是W3C,目前模式是HTML、CSS和JavaScript。
HTML:網頁的結構
    HTML,全稱“Hyper Text Markup Language(超文本標記語言)”,簡單來說,網頁就是用HTML語言制作的。HTML是一門描述性語言,是一門非常容易入門的語言。
CSS:網頁的外觀
    CSS,全稱“(層疊樣式表)”。以後我們在別的地方看到“層疊樣式表”、“CSS樣式”,指的就是CSS。
JavaScript:頁面的行為
    JavaScript是一門腳本語言。

四、開發環境

HTML編輯器,常見的Hbuild、Sublime Text、Dreamweare都可以用來開發HTML。當然PyCharm也支持HTML開發。(*.html / *.htm)

五、HTML

HTML作為一種標記語言它並沒有什麽邏輯,簡單來說就是一些符號,一些有特殊意義的符號,一些瀏覽器認識的有特殊意義的符號。

跳轉到頂部

1.標簽

跳轉到頂部

2.HTML目錄結構

跳轉到頂部

3.HTML註釋

跳轉到頂部

前端開發---HTML---介紹