[轉職軟體工程師、自學程式語言]什麼是 Web Development and HTML ? 第三章 : HTML ?

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

我們今天講的主題是， 什麼是 Web Development and HTML ?，大綱如下

第一章 : Internet 是如何工作 ?

第二章 : Web Development ?

第三章 : HTML ?

════════════════

第三章 : HTML ?

 

❶ Block vs. Inline Elements

❷ Div & Span Elements

❸ Lists

❹ Links & Attributes

❺ Tables

❻ Forms

❼ Form Validation

❽ Exercise

❾ Project: Idea Generation

 

❶ Block vs. Inline Elements

首先 HTML 主要分為 Block Elements 和 Inline Elements

 

➤ Block Elements : 會佔滿一整行，ex : <h1>~<h6>、<p> (見上圖)

➤ Inline Elements : 不會佔滿一整行，它也可以放在 Block Elements 裡面組在一起，ex : <button>、<em>、<strong> (見上圖)

 

 

❷ Div & Span Elements

另一種 Block Elements 和 Inline Elements

 

➤ <div></div> : 做一個grouping起來，它為 Block Elements (見上圖)

➤ <span></span> : 做一個grouping起來，它為 Inline Elements (見上圖)

 

 

❸ Lists

在網頁中需要標列說明，一點一點去講解時會用到的

➤ <ol></ol> : 有序列表，它為 Block Elements (見上圖)

➤ <ul></ul> : 無序列表，它為 Block Elements (見上圖)

➤ <li></li> : 列表項目，它為 Block Elements (見上圖)

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

════════════════

第一章 : Internet 是如何工作 ?

第二章 : Web Development ?

第三章 : HTML ?

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

════════════════

痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog

隨意窩 : https://blog.xuite.net/warlimit/blog

Blogspot : https://warlimit.blogspot.com/

如果您喜歡我的文章，請幫我在下方拍手區按圓圈圈裡的拍手圖案5次!
我將得到 Likecoin 的回饋:)

回饋由 Likecoin 基金會出資，您只要註冊/登入帳號(fb、google帳號都可以註冊，不超過1分鐘)，按五次左鍵，可以贊助我的文章且完全不會花到錢！若願意成為讚賞公民那是十分感激。
支持創作，正向交流:)