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

留言

這個網誌中的熱門文章

如何開始 Podcast 製作教學 5大步驟 ! 不需任何成本方法

[Udemy推薦課程] Day 2 The Web Developer Bootcamp 2021 [轉職軟體工程師,自學程式語言]

2021年一夜致富,市值60億美元, 什麼是以太坊經典 ETC