[轉職軟體工程師、自學程式語言]什麼是 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分鐘),按五次左鍵,可以贊助我的文章且完全不會花到錢!若願意成為讚賞公民那是十分感激。
支持創作,正向交流:)
留言
張貼留言