[HTML][新手] 07. Div標籤以及CSS高, 寬與背景顏色屬性

作者: 進度條編輯群更新日期: 2018/12/15

此文章也有影片介紹，可以搭配影片一起學習！

01. Div標籤以及CSS高, 寬與背景顏色屬性 (所屬課程)

以下正式開始文章

關於<div> - 區塊標籤

如果我們用Google瀏覽器打開網站(範例為PEXELS，一個可商用的CC0圖庫網站)，按下滑鼠右鍵→檢查，會出現GOOGLE開發工具，在元素上按下滑鼠右鍵→檢查可以看到該元素的CSS樣式設定：

例如這個是h2標籤，

預覽內容到此為止...還有其他剩下內容喔！！

觀賞完整內容，歡迎購買課程。

所屬課程:

HTML, CSS, JavaScript, jQuery 網頁從零開始

已經購買課程？請登入觀賞全文喔！

圖文系列教學: HTML 新手網站基礎教學

[HTML][新手] 07. Div標籤以及CSS高, 寬與背景顏色屬性

[HTML][新手] 08. 其他與Div相似的HTML5所建議的標籤Main, Header, Footer等

[HTML][新手] 09. <a> tag(連結標籤)介紹1, 轉址與開啟新頁籤

[HTML][新手] 10. <a> tag(連結標籤)介紹2, 定位點與寄信

[HTML][新手] 11. 列表介紹ul, ol, dl

[HTML][新手] 12. 表格介紹 Table

[HTML][新手] 13. Img tag - 圖片介紹

[HTML][新手] 14. 影片與網頁嵌入(iframe) - 例如youtube

[HTML][新手] 15. 輸入欄位(input) - 簡介與瀏覽器顯示比較

從另一個方向介紹網頁、HTML、CSS與JavaScript。

[HTML][新手] 01. 程式編輯器 Brackets 安裝教學

[HTML][新手] 02. 什麼是HTML與如何建立它

[HTML][新手] 03. 分行與分隔線(br, hr)與註解

[HTML][新手] 04. 中文編碼表示 meta charset

[HTML][新手] 05. 文字標籤 h1~h6, p 與 span

[HTML][新手] 06. 其他方便的文字標籤與圖文編輯器的關係 - 以CKEditor為例

進度條編輯群

進度條編輯團隊

線上課程

程式客製WooCommerce，WordPress購物系統全解析

ES6,ReactJS與Webpack，前端JavaScript全攻略

Linux雲端伺服器，用AWS暸解Apache與Nginx

從零開始的SQL語法與資料庫設計 - 以MySQL來攻略

WordPress - 從頭教起的網站架設

iOS 13 - Swift手機程式開發，使用APP與網站互動

快速開發，從頭教起的Ruby on Rails後端之旅

HTML, CSS, JavaScript, jQuery 網頁從零開始

C語言 - 近代程式語言的基礎

Git程式版本管控 - 由簡單到難

行動第一! 使用Bootstrap建立響應式RWD網站!

[HTML][新手] 07. Div標籤以及CSS高, 寬 與背景顏色屬性