HTML—構(gòu)建網(wǎng)絡(luò)

2018-08-24 10:49 更新
為了創(chuàng)建網(wǎng)站,你應(yīng)該了解HTML — 用來定義一個網(wǎng)頁的結(jié)構(gòu)最常用的基本技術(shù)。HTML用來詳細(xì)說明你的網(wǎng)頁內(nèi)容是應(yīng)該被理解為段落、列表、頭部、鏈接、圖像、多媒體播放器、表單或是其他眾多可用的元素當(dāng)中的一個亦或是你定義的新元素。

學(xué)習(xí)路徑

理論上來說你的學(xué)習(xí)旅途應(yīng)該從學(xué)HTML開始,先閱讀HTML介紹。此后你便能夠繼續(xù)學(xué)習(xí)更多高級的主題,例如:
  • HTML5 APIs
  • CSS,如何運用CSS裝飾HTML(例如:更改你的文本字號和使用的字體,添加邊框和陰影,將你的頁面設(shè)計成多欄布局,添加動畫和其他視覺效果。)
  • JavaScript,如何使用JavaScript為網(wǎng)頁添加動態(tài)的函數(shù)功能(例如:找到你的地址并且在地圖上繪制出來,當(dāng)你觸發(fā)按鈕就讓UI元素顯示或消失,將用戶的數(shù)據(jù)本地儲存在他們的電腦里,以及更多的函數(shù)功能。)
在開始這個主題的學(xué)習(xí)之前,你至少要對電腦和網(wǎng)絡(luò)的使用有基本的認(rèn)識(例如:看到它并理解它的內(nèi)容)。
  • 你應(yīng)該安裝好一個基礎(chǔ)的工作環(huán)境,詳細(xì)參照安裝基礎(chǔ)軟件
  • 并且理解如何新建和管理文件,詳細(xì)參照 文件處理。
這兩個都是Web開發(fā)入門里完全新手模塊中的內(nèi)容。

建議在嘗試這個主題的學(xué)習(xí)之前先完成Web開發(fā)入門的學(xué)習(xí),然而這個建議并不是絕對必須的。HTML基礎(chǔ)里大多數(shù)的文章在HTML介紹模塊里也有,雖然細(xì)節(jié)更為詳細(xì)。

學(xué)習(xí)模塊

這個主題由如下的一些模塊組成,建議按順序完成這些的學(xué)習(xí)。很顯然,我們建議你從第一個模塊開始學(xué)習(xí)。

HTML介紹 — (Introduction to HTML)

這一模塊將為你鋪路,幫你熟悉一些重要的概念和語法。著眼于如何應(yīng)用HTML去編輯,如何創(chuàng)造超鏈接,與怎樣使用HTML構(gòu)造一個網(wǎng)頁。

多媒體化和嵌入 — (Multimedia and embedding)

這個模塊帶你探索如何使用HTML在你的網(wǎng)頁里嵌入多媒體信息。包括插入圖片的多種不同的方法,如何嵌入視頻、音頻,甚至是嵌入其他完整的網(wǎng)頁。

表格 — (HTML Tables)

以易理解、易接近(accessible)的方式把表格式的數(shù)據(jù)在網(wǎng)頁上表現(xiàn)出來是一項挑戰(zhàn)。這個模塊包括了基礎(chǔ)的表格標(biāo)記(table markup),同時也有更多復(fù)雜的特性,例如實現(xiàn)標(biāo)題和總結(jié)。

HTML 表單 — (HTML Forms)

表單是Web中十分重要的部分 — 它們會提供給你網(wǎng)站交互需要的很多功能(例如:注冊,登錄,發(fā)送反饋,購物,等等)。這個模塊將帶你開始創(chuàng)建有表單的客戶端。


HTML基礎(chǔ)問題的解決方案

使用HTML解決基礎(chǔ)的問題為我們提供了一系列在創(chuàng)建網(wǎng)頁過程中解決基礎(chǔ)問題的方案:處理標(biāo)題,添加圖片或視頻,強調(diào)內(nèi)容,創(chuàng)建一個基礎(chǔ)表單等等。

深入地學(xué)習(xí)

HTML(超文本標(biāo)記語言) — HTML(HyperText Markup Language) 

這是HTML文檔在MDN上的主入口,涵蓋了詳細(xì)的元素和屬性參考。舉例來說,如果你想知道一個元素有什么屬性或者一個屬性具有什么值,這是一個查詢的好地方。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號