前端開發入門開始動手作

這一篇教學從最基礎的標籤與網頁內容的構成談起，內容將觸及四組標籤，包含其功能說明如下：

• h 定義標題，包含 h1,h2 … h6 p 定義一個文句段落
• div 定義特定網頁區域 
• p 定義一個文句段落
• span 定義部分文字內容 

從 body 開始，這篇教學說明如何在網頁上呈現一篇文章，這篇文章包含幾個部份，分別是標題、段落以及強調的文句，其中說明如何適當的選擇標籤，輸出組成文章的各種內容。

如果要針對文章中的部份文字，進行特別的群組標示或是設計，可以選擇使用 span 標籤包覆進行設定，來看實際的示範。

上述操作中的 span 設定了 style 屬性，這是 CSS 部份的議題，先接受 style 屬性的設定改變了 span 標籤中的文字顏色，相關的議題在討論 CSS 時完整討論。