Search for a command to run...
Articles tagged with #html
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 在設計行銷網頁時，放入漂亮的影片是最輕鬆達到吸睛效果的方法之一，例如：把影片放至滿版當成背景，上面再壓上標題與文字，畫面就會很豐富，這是很常見的網頁設計方式。 例如（以下都不是業配啦XD），像資生堂的銀座旗艦店官網，也是使用這種方式設計開頭的：SHISEIDO GLOBAL FLAGSHIP STORE | SHISEIDO 或是，在遊戲宣傳網頁，也很常使用這種手法，像是最近要推出的遊戲——無限暖暖：《無限...
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 為什麼我的圖片明明大小沒錯，在較好的螢幕上（例如 apple retina 螢幕）卻顯得糊糊的？ 這些都是因為「像素密度 (Pixel Density) 」的緣故，我們在第 15 天的時候有稍微提過，只不過沒有深入探究，今天我們就來好好了解一下，並且學會 HTML 與 CSS 上的處理方法。 延伸閱讀：#15 網頁使用的單位大解析：px、rem、em、%、vw、vh (dvh, lvh, svh)、vmin...
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 HTML 的屬性 href、src 都需要指定檔案路徑才能載入進來，所以這邊補充個關於路徑的小知識。 何謂網頁的根（root）？ 指的是網域底下第一層的檔案，例如：https://test.com/favicon.ico ，https://test.com/ 就是網頁的根，favicon.ico 就是一個放在根底下的檔案。 而路徑分為兩種…
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 今天，讓我們來了解一份簡單的 HTML 會長什麼樣？然後，修改一下第 #04 篇建立的 HTML 檔案，練習看看吧！ ↓ 今日學習重點 ↓ 練習使用 HTML 的各種標籤（tag） 知道 CSS 和 JS 要放在 HTML 的哪裡？ 一、HTML 的最外層 1. HTML 的版本 範例：<!DOCTYPE html> 告訴瀏覽器這是哪一個版本的 HTML，以這個範例來說，這是一份 HTML...
⚠️ 本篇文章已搬遷至 css.im1010ioio.dev，請至新站閱讀完整版。 上一篇文章，我們有建立了一份 HTML 檔案，那麼這些語法到底是什麼意思呢？讓我們往下看。 ↓ 今日學習重點 ↓ 了解 HTML 的語法 HTML、HTML5、HTM 是什麼？ HTML（Hypertext Markup Language） HTML 是一種標記語言，中文全名為「超文字標示語言」，它使用各種標籤（tags）來定義不同的網頁元素，例如： 文字段落（paragraph）是 <p></p...
文章已搬遷至 css.im1010ioio.dev
