iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

每個人都可以做出理想中的網站! 系列

一個網站可以有很多好的素材和讓人驚喜的設計,會介紹關於製作網站可以使用的功能、語法,還有不同的程式語言怎麼互相搭配運用在網頁設計中。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文 團隊紅蟳當兵等他開賽
DAY 1

Day01-別人的網頁有什麼

網際網路的發達,讓我們只要動動手指打開瀏覽器就可以查到自己需要的資料,有時候點進一些特別的網頁,都會讓人忍不住多停留幾分鐘。像我自己就常常查資料查到一半就會:哇...

2019-09-17 ‧ 由 tina888 分享
DAY 2

Day02-推薦的網頁編輯器 / 網頁的架構

不知道昨天大家有沒有試著用f12觀察別人的網頁組成編碼呢 今天我們就來介紹一下好用的文字編輯器: Visual Studio Code編輯器對於寫程式來說簡直是...

2019-09-18 ‧ 由 tina888 分享
DAY 3

Day03-HTML標籤(1)

今天要來講的是網頁body標籤裡的功能介紹,再次強調,body內的東西,就是你希望在瀏覽網頁時可以看到的。 body內的元素有分成2種:區塊元素、行內元素。所謂...

2019-09-19 ‧ 由 tina888 分享
DAY 4

Day04-HTML標籤(2) / 網頁超連結

有時候我們會希望自己的網頁可以快速的連結到其他網頁,增加網站的方便性。首先,就來介紹一下連結的標籤: a。 a a標籤是用在超連結上非常好用的功能,當然他也有自...

2019-09-20 ‧ 由 tina888 分享
DAY 5

Day05-HTML標籤(3) / 粗體換行

雖然前面有提到<p></p> 標籤可以分出不同的段落,但是有時候你想要強調某一句特別重要的話,想要讓他自己單獨佔一行,這時候就可以用&l...

2019-09-21 ‧ 由 tina888 分享
DAY 6

Day06-HTML標籤(4) / 清單

今天要來介紹的是具有清單功能的標籤:<ul></ul>和<ol></ol>。清單一共分為兩種,一個是有序列的,一...

2019-09-22 ‧ 由 tina888 分享
DAY 7

Day07-HTML標籤(5) / 圖片

一個吸引人的網站,不免俗的就是圖案啦~~~今天我們要來講的就是怎麼在網頁中加入自己想要的圖片! img <img src="圖片路徑"...

2019-09-23 ‧ 由 tina888 分享
DAY 8

Day08-HTML標籤(6)/跑馬燈

ㄉㄚ ㄌㄤˊ ㄉㄚ ㄌㄤˊ今天我們要來介紹一種超~級高級的功能就是跑馬燈啦!!每次看到網頁上有跑馬燈在那邊跑來跑去就會覺得很新奇><那麼就來看看關於...

2019-09-24 ‧ 由 tina888 分享
DAY 9

DAY09-HTML標籤(7) / 表格(上)

網頁設計有很多的素材,不見得都會用到,不過多認識點功能也是有益無害的~今天就來介紹一個稍微不是那麼常見的功能,那就是表格。其實也有一些人會直接從Excel做出表...

2019-09-25 ‧ 由 tina888 分享
DAY 10

DAY10-HTML標籤(8) / 表格(下)

上一篇我們有講到基本表格的標籤以及固定格式,今天作為表格功能的延伸,我們來講一些表格上的設計吧! colspan 前面三個英文字母,可以很明確的看出來是有關於c...

2019-09-26 ‧ 由 tina888 分享