陳新龍
HTML 的意思為超文本標記語言,是一種標記語言。它包括一系列標簽,通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet 資源連接為一個邏輯整體。
HTML 是我們構建網站的基石,允許嵌入圖像與對象,并且可以用于創建交互式表單,它被用來結構化信息——例如標題、段落和列表等等,也可用來在一定程度上描述文檔的外觀和語義。今天就和大家一起學習一下HTML 表格的基礎,同時結合我們之前學習過的Python 列表知識,將兩者內容相結合,制作出簡單的表格頁面進行展示。
首先簡單介紹一下HTML 基礎的語法知識點。創建一個HTML 的文件最簡單的方法就是右鍵新建一個記事本文件。我們可以直接將HTML 代碼寫在記事本中,寫完之后,將文件保存為.html 文件即可。一般使用Dreamweaver 軟件或者vscode軟件進行編寫。
以簡單的Demo 代碼模板案例展示基礎的HTML頁面結構, <!DOCTYPEhtml>聲明為 HTML5 文檔;元素是 HTML 頁面的根元素;
元素包含了文檔的元(meta)數據;統稱為HTML 標簽。很多時候標簽都是成對出現的,第一個標簽稱為開始標簽,第二個標簽稱為結束標簽,當然也會出現單標簽的情況,到時候再來介紹。保存為后綴.html的文件,然后雙擊運行即可。我們可以直接在瀏覽器上看到運行結果(圖1),HTML 頁面結構(圖2),HTML 運行結果(圖3)。

了解了一些基礎的HTML 知識后,我們來介紹一下今天的主角“表格”標簽屬性信息,表格由行和列組成,創建時,表格、表格的行、表格的列是分開創建的。當然這三者也分別對應著三種不同的HTML 標簽;
標簽用來創建列,通過圖4的代碼我們可以看到如果我們想創建一個表格的話我們會先在最外層增加一個
|