HTML入門教學-第九單元-表單（form)
當你的網頁要提交數據到server，你便可以使用表單（form）。 今天，我們只會學習表單在HTML上的外觀。要實際提交數據，你還需要寫一些後台的東西，而那並不是今天主要討論的題目。 我們會使用<form>。在<form>內，我們會使用...
HTML入門教學-第八單元-表格（table）
如果你要顯示像excel般的一大堆數據，你便可以使用表格（table）。 我們會使用<table>。在<table>內，每一列會使用<tr>。在每一列內，每一個column會使用<td> 實際寫法如下： <...
HTML入門教學-第七單元-HTML 頁面結構
到此為止，我們一直在HTML檔上，直接輸入HTML。 然而，當我們真正編寫一個網頁時，我們先會寫多一點東西，名為「HTML頁面結構」。 HTML基本頁面結構給下： <html> <head> <title>Some titl...
HTML入門教學-第六單元-放圖片 (src/background image)
我把「放圖片」獨立寫成一章來說，是因為這概念比較重要，而且很多人都不知道。 在HTML，放相是有兩種方法的。 第一種方法你已經學習了，就是使用<img>，例如： <img src="xxxx.jpg">Link</img> ...
HTML入門教學-第五單元-放youtube/google map (Iframe)
<iframe>是另外一個我們常用的tag。它的作用在於把其他網站的全部或部份內容，嵌入到自己的網站中。 Google Map, youtube, facebook widgets, instagram widgets等等，都會利用iframe的方...
HTML入門教學-第四單元-Block Level 與 Inline Level (div, span)
接下來，另一個學習概念是Block Level 與 Inline Level。 原來，每一個html tag都可分為Block Level或Inline Level。 Block Level就是兩個tag之間，會自動格一行。p, h1, h2, h3等等的ta...
HTML入門教學-第二單元-起始標籤(Opening Tag)與結束標籤(Closing Tag)
HTML是如何為網頁的外觀進行結構呢？ 答案：透過使用標籤(Tag)。 標籤可分為起始標籤(Opening Tag)和結束標籤(Closing Tag)，兩者之間我們會放入網頁的內容(Content)。 比方說： <p>This is some c...
HTML入門教學-第一單元-HTML 基本概念
如果你剛接觸編程，想建立網頁/APP，HTML絕對是你第一個要學習的編程語言。 我叫Jack，是一位Awwwards認可得獎，有多年的編程教學經驗的編程員。 今天，這篇「HTML入門教學2019 - 9個課程」，將會從新手角度，分開9個章節，由淺入深，教授你所...