本篇擷取重點： ASP.NET 伺服器控制項 如何使用ASP.NET伺服器控制項呢?→用拉的 HELLO WORLD 一、ASP.NET 伺服器控制項 首...
重新整理(參考) window.location.reload(); <a href="javascript:window.location....
音樂網頁一定要有影音可以聽，這次來分享怎麼把 youtube 影片嵌入網頁中，預計畫面如下： 看起來好像很難，是不是要寫什麼播放語法，還是怎麼寫入影片啊...其...
ul li 列表寫法用途真的很廣泛，能呈現的方式也非常多。想要呈現的方式如下： HTML 程式碼如下 <div class="prefer...
標籤語意的重要性 在瀏覽器的世界，雖然很多元素的視覺效果可能很像，可是針對網站的每個不同內容下好的元素很重要。它會幫助瀏覽器讀取文檔，讓網路體驗更優化。 進...
這次要寫一個新聞欄位，是用 ul li 做成的圖文並茂，標題為連結，可以點擊的樣式畫面如下呈現: 其實寫道今天有發現到 ul li 相當常被使用到，只是內容有不...
首先，我們先用一個簡單的範例來做介紹 二話不多說，先來看一下頁面的樣子，我再來慢慢講解 <!DOCTYPE html> 是用來聲明，這個文件是 HT...
打開文字編輯器 *還不會用VS code的話請看第3天文章有提到的教學。 這裡示範的文字編輯器是VS code，新增一個檔案，先將它存成Html檔，這樣編輯器才...
在昨天的內容中，我們已經了解了基本的 HTML 結構，今天我們來試著剖析網頁原始碼並找出我們需要的資料。 常見剖析 HTML 原始碼的方式有三種： 正則表示式...
今天要來寫一個滿版圖片，但不使用 img 的標籤，想呈現下方畫面 這次做法跟先前一個練習類似，但這次有一個地方有優化了一下，就是在這個地方增加下列屬性 .con...
本篇擷取重點： Request物件 Request物件的常用屬性及方法 一、Request物件 Request 物件是 ASP 的內建物件之一，我們可以使...
首先就來了解網路的運作吧！點圖看影片 How The Internet Works： HTML是什麼 超文本標記語言（英語：HyperText Markup...
我們在瀏覽器上實際看到的畫面，其實是瀏覽器在收到 HTML 後渲染出來的結果，之後寫爬蟲時也是幾乎都會根據 HTML 來找到我們要爬取的目標，所以必須對 HTM...
網路上有著各式各樣的網站，看似五花八門，但其實基本的頁面都是由 HTML 與 CSS 所構成，再加入程式語言來增加與使用者間的互動。這一篇，我要先來介紹一下 H...
左邊的欄位已經寫完了，這篇開始從右側欄位開始撰寫內容，預計 header 會長這樣，左邊是一排選單，右邊有一個按鈕，給客戶做意見回饋用，如下圖: 為了要讓兩欄的...
前端當然要從 HTML 出發，今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道，瀏覽器解析 HTML...
aside 終於進入最後一個部分，也就是播放器了，預計呈現樣式如下圖： 這次用了比較多技巧跟方式，慢慢的講解吧!!HTML 如下： <div class=...
進入 aside 中間部分的編寫，想要寫成下方畫面程式碼滿簡單的，跟前面的程式碼差不多，但這次加入了畫面優化跟效果， 先來看一下 HTML 程式碼 <u...
CSS 是 Cascading Style Sheets 的縮寫，是一種 style sheet (樣式表) 語言，可將自訂的樣式 (例如：字體、顏色) 附加在...
本篇重點問題回顧: 列出重點希望各位可以好好的將影片回放複習喔，另外幾個重點問題中，Amos已經有影片的會直接附上連結給各位參考取用。 為何需要reset...
這次要寫一個播放器的清單，在編寫之前，我先把 navbar 優化了一下，如下圖呈現的樣式，但我還是沒有研究出來 search 要怎麼對齊在 navbar 的中間...
小弟平常喜歡聽音樂，台灣音樂串流平台的始祖 KKBOX，從一推出就使用至今，也看到 KKBOX 在台灣的音樂圈越來越具有代表性，並且還有自己的風雲榜演唱會，真是...
小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式，接下來這一週要向 KKBOX 致敬，撰寫內容如下 navbar 導覽列 左邊 si...
初級踩地雷是9X9地圖，如果網頁直接寫死，三個等級就要寫三頁。透過JavaScript來控制地圖大小，就可以將初、中、高地圖寫在同頁，甚至還可以讓玩家自訂地圖大...
終於來到第一個網頁的內容結尾，通常結尾會有一個表尾，我們俗稱 footer，用來做最後的資訊用，但我個人比較喜歡簡單的樣式，所以就來寫一簡單的 footer 吧...
windows經典小遊戲，CPE也有踩地雷10189 - Minesweeper，不過文字版玩起來不刺激。這次嘗試製作網頁版踩地雷，會用到Html、Css、JS...
一個網頁的產生，除了跟消費者介紹產品與提供資訊外，最重要的就是要提供下單服務啦!!這次要寫的樣式如下 這次要用 ul li 的清單方式來寫一個產品下單的列表，H...
一個音樂網頁主視覺下方會有一個最新的資訊，就讓我們來寫一個三欄式的主要資訊吧!! 預計要寫如下方所示: 首先 HTML 的程式碼如下 <secti...
網站中最重要的主視覺大圖，大部分會落在 header 上，今天就來寫個 header 吧!!預計會長這樣HTML 的寫法很簡單，如下方 <div cla...
響應式網頁設計 響應式網頁設計（英語：Responsive web design，通常縮寫為 RWD），或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。 是...
iThome鐵人賽
看影片追技術
看更多
碼屋( MARK WU )
Tim Hsu
JinWen
Sherry
Rex Chien
Gary
Titangene
CSScoke
來杯拿鐵
Mack Chan