我能在兩週內學會 HTML 嗎?


如果你想從事網頁設計或 Web 開發工作,或者僅僅是想學習如何創建出色的網頁,那麼瞭解 HTML 的基本知識是必不可少的。幸運的是,HTML 的基礎知識對於普通學習者來說相對簡單易懂。掌握 HTML 的基本概念大約需要一到兩週的時間。

由於網際網路和豐富的線上資源,自學可能是學習 HTML 所需的全部。但是,如果你像大多數人一樣,在制定學習計劃並堅持下去方面可能會遇到困難。在這種情況下,一份路線圖將非常有幫助。

第一週

本週將從對 HTML 的基本理解開始,然後學習其結構和常用的元素。之後,學習標籤、屬性、塊級元素和內聯元素。然後,您可以繼續學習一些更重要的概念,如表單、按鈕、列表和表格。

定義

HTML超文字標記語言是用於在 Web 瀏覽器中顯示的文件的標準標記語言。它由許多元素組成,這些元素指示瀏覽器如何顯示內容。

基本結構

一個 HTML 文件分為三個部分

  • 一行包含 HTML 版本資訊的程式碼

  • 一個宣告性的頭部區域

  • 一個包含文件實際內容的主體部分

<!DOCTYPE HTML>
   <head>
      <title>HTML document<title>
   </head>
   <body>
      <p>Sample Text</p>
   </body>
</html>

基本元素

<!DOCTYPE>

此屬性指定文件型別。

<html>

HTML 文件的定義。

<head>

包含文件的元資料/資訊。

<title>

定義文件的標題。

<body>

定義文件的主體。

<h1> 到 <h6>

在此定義 HTML 標題。

<p>

段落的定義。

在兩三天內,您將對基礎知識有一個清晰的瞭解,並準備好建立您的第一個網頁。嘗試應用這些知識,並使用基本元素編寫程式來建立簡單的網頁。

標籤和屬性

HTML 標籤是用於構建網頁的簡短隱藏關鍵字。它們包括開始標籤、內容和結束標籤。HTML 中有許多標籤,不可能一次性全部學習,因此瞭解基本標籤就足夠了。

屬性在 HTML 中定義元素的特性,它位於元素的開始標籤內,並用引號括起來。每個屬性都有兩個部分:名稱和值。

表單和按鈕

Html 表單用於收集使用者輸入。通常,使用者輸入會發送到伺服器進行處理。表單是各種輸入元素的容器,例如文字欄位、複選框、單選按鈕、提交按鈕等等。

<button> 標籤定義一個可點選的按鈕。文字(以及 <i>、<b>、<strong>、<br>、<img> 等標籤)可以放置在 <button> 元素內,這在使用 input 元素建立的按鈕中通常是不可能的。

列表和表格

HTML 列表使 Web 開發人員能夠將一系列相關專案組織成列表。總共有三種類型的列表

  • 有序列表 <ol>- 專案按數字順序顯示,例如 1,2,3,....,n。

  • 無序列表 <ul>–使用專案符號以無序格式顯示內容。

  • 描述列表 <dl>-描述列表是每個術語都有描述的術語列表。在這種情況下,<dt> 標籤定義術語,<dd> 標籤描述每個術語。

HTML 表格使我們能夠將資料劃分為行和列。HTML 中的表格由一個 <table> 元素和一個或多個 <tr>、<th> 和 <td> 元素組成。<tr> 元素表示表格行,<th> 元素表示表格標題,<td> 元素表示表格單元格。

塊級元素和內聯元素

塊級元素始終從新行開始,並且瀏覽器預設會在元素前後新增一些空格(邊距)。它始終佔據可用的全部寬度。兩個最常見的塊級元素是 <p> 和 <div>。

內聯元素不會從下一行開始。它只佔用所需的空間。<span> 是內聯元素最常見的示例。

在本週結束時,您將對所有重要且常用的標籤、元素和屬性有一個初步的瞭解。為了清晰地瞭解它們,編寫比以前更長、更復雜的程式碼非常重要。

第二週

在本週,您將繼續學習一些稍微高階的話題,例如 Canvas 元素、事件屬性、DOM、MathML、音訊和影片等。

Canvas 元素

要繪製圖形,HTML Canvas 使用 JavaScript。它有各種方法可以繪製框、文字、圓形、路徑和影像。

事件屬性

HTML 事件屬性透過使用事件操作來響應系統。它與 HTML 元素相容。它允許事件觸發瀏覽器操作。當瀏覽器響應使用者操作(例如單擊提交按鈕)時,可以使用事件屬性顯示請求的資訊。

DOM

HTML DOM 是一個物件集合。它描述了所有 HTML 元素的方法、事件和屬性。

MathML

MathML數學標記語言的縮寫,用於在 Web 瀏覽器中表示數學方程式以進行機器到機器通訊。它是一個 XML 應用程式,用於將數學公式整合到全球資訊網 (WWW) 頁面中。

音訊和影片

HTML 音訊和影片是網頁元素,允許您在頁面中新增音訊/影片。HTML DOM(文件物件模型)音訊/影片包含音訊/影片的方法和屬性。

在第二週結束時,您將能夠透過將基本知識和高階概念結合起來進行實驗並建立一些專案。您可以嘗試建立具有挑戰性的專案,例如作品集或電子商務網站,以獲得一些實踐經驗並提高您的實踐技能。

更新時間: 2023年9月12日

106 次瀏覽

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告