前端開發入門開始動手作

這一篇教學從最基礎的標籤與網頁內容的構成談起,內容將觸及四組標籤,包含其功能說明如下:
  • h 定義標題,包含 h1,h2 … h6 p 定義一個文句段落
  • div 定義特定網頁區域 
  • p 定義一個文句段落
  • span 定義部分文字內容 
從 body 開始,這篇教學說明如何在網頁上呈現一篇文章,這篇文章包含幾個部份,分別是標題、段落以及強調的文句,其中說明如何適當的選擇標籤,輸出組成文章的各種內容。


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


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


沒有留言: