鐵人檔案
網站通常是透過文字的編排，呈現資訊給使用者，標籤用得好，對於SEO排名也會有些幫助，今天要來介紹網頁文字標籤及樣式的使用 網頁標題 <h1>~<...
好的網站除了內容傳達之外，顏色是進入網站的第一印象，可以針對文字大小、框線、背景色...等做變化，是網站中不可或缺的樣式，現在讓我們來看看顏色及背景的使用技巧吧...
超連結是建立網頁與網頁之間的關係，也可以連結到外部網站。a是Anchor的縮寫，中文翻譯為「錨」，點擊後跳到指定位置。連結可以是文字、圖片或檔案，當使用者滑過時...
項目清單分為條列式清(ol)單及編號清單(ul)，兩者的差別在於是否有自動排序項目的功能，<ul>是黑點符號「●」，在不同的瀏覽器下可能呈現不同的效...
圖片在網頁裡是不可或缺的元素，可以增加網站的豐富度及美感，但是也可能造成網站花太多時間載入，使用者體驗不佳，甚至影響到網站的排名。因此，圖片的解析度、檔案大小相...
「混合模式」是什麼呢？有用過photoshop的設計師對圖片混合模式肯定不陌生，是元素重疊部分的顏色、飽和度、亮度進行混合變成新的顏色。混合模式相關屬性： b...
前一章節介紹過混合模式，相信對濾鏡也不會很陌生。「濾鏡」是什麼呢？他可以做出與Photoshop相同的濾鏡，CSS提供了十種濾鏡，可以用在圖片、文字...等地方...
有時候在製作區塊時，會希望用不規則的形狀呈現，以前會將圖片製作成不規則形狀，在放到html裡面，或是用很多元素堆疊呈現，但每次要修改圖片就要再重新做一次，很麻煩...
網頁需要製作時間表、收費表等，都可以使用表格製作。只要了解表格相關的標籤，就能夠輕鬆做出表格了，這章節會讓你了解到製作表格的多種標籤及樣式設定，還有響應式網站在...
表單在網頁上有不同呈現的功能，像是網路投票、註冊、購物、問券、搜尋等，用來收集瀏覽者的資訊，增加與使用者的互動。 <form> 包含表單元素的區域(...
