我們今天講的主題是, 什麼是 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 (見上圖)

 

 


第一章 : Internet 是如何工作 ?

第二章 : Web Development ?

第三章 : HTML ?


痞客邦 : 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/

文章標籤
全站熱搜
創作者介紹
創作者 Warlimit 的頭像
Warlimit

jan股幣

Warlimit 發表在 痞客邦 留言(0) 人氣(2)