學習原因： 快要開始進入自動化測試的環節了，但在此之前需要對網頁有一定的理解，才比較好開始學 Web UI 的 Automation Test，所以先來了解什麼...
影片教學 教學重點回顧 HTML全名為HyperText Markup Language，HyperText表示非一般純文字，而是能藉由文字導向到其他網頁。而...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
當 HTML 裡出現一段很長的英文單字時，往往會根據畫面寬度來進行換行 ( 超過寬度就換行 )，而 <wbr> 標示可換行位置元素可以提示「換行的時...
<abbr> 標示縮寫元素在標籤語意上表示「縮寫」，可以告訴搜尋引擎這是縮寫字，就這篇教學會介紹 <abbr> 標示縮寫元素。 原文參...
<time> 標示時間日期元素在標籤語意上表示「時間日期」，如果搜尋引擎如果要抓取時間日期，就會優先從這個標籤著手讀取，這篇教學會介紹 <ti...
在當今的網頁開發中，優化效能始終是一個追求的目標。我們都希望在短時間內，讓使用者得到最好的體驗。 於是，我們在開發過程中，努力地優化Lighthouse上的指標...
教學影片 網頁前端三巨頭 說到網頁前端，一定會聽到及碰到這三種語言，分別是：HTML,CSS以及JavaScript，而這三者對於網頁前端的地位簡單比喻可以如...
本系列同步發表於我的 Hashnode 部落格：Eva Chen | 網頁設計師下班後 (hashnode.dev) 參賽前言 本系列文章目標是學習 C...
<kbd> 標示鍵盤按鍵元素在標籤語意上表示「鍵盤輸入按鍵」，或表示其他輸入的指令 ( 例如語音輸入 )，可以在不套用 CSS 樣式的狀態下，將 H...
<address> 標示聯絡方式元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字變成斜體字，並在標籤語意上強調是「聯絡方式」，這篇教學會...
如果在 HTML 裡想要「替中文字加上注音」，可以使用 <ruby> 和 <rt> 顯示中文字注音 ( 或拼音 ) 的功能，，這篇教學會...
<details> 收折文字內容元素可以將一段文字內容收折隱藏，收折後會出現一個三角形圖示，點擊三角形圖示可以將文字展開，使用時常搭配 <su...
<code> 程式碼內容元素會使用「monospace 等寬字體」，在 HTML 裡進行程式碼的顯示，這篇教學會介紹 <code> 程式...
<pre> 預先格式化元素 ( preformatted text ) 可以保留原始文字內容格式，不論是空白或換行都會被保留，加上預設等寬字的屬性，...
如果 HTML 有引用別處的內容，通常會使用 <blockquote>、<q> 或 <cite> 來包覆這些內容，，這篇教學...
上標文字 <sup> 和下標文字 <sub> 元素，可以在不套用 CSS 樣式的狀態下，將 HTML 的文字套用上標與下標格式效果，這篇...
<small> 小型文字元素，可以在不套用 CSS 樣式的狀態下，將 HTML 的文字套用較小尺寸的樣式效果，這篇教學會介紹小型文字元素。 原文參...
<mark> 凸顯文字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上黃底，進行凸顯的效果，這篇教學會介紹 <mark>...
承接昨天的標籤介紹，今天繼續介紹一些常用的標籤， 7.div:Document Division，用以包含許多有意義的區塊，例如:導覽列、邊攔、文章或不一定有語...
<ins> 插入 ( 底線 ) 文字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上底線，標示該文字為「插入」的用途 ( inser...
<del> 粗體字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上刪除線，這篇教學會介紹 <del> 刪除線文字元素。...
<strong> 和 <b> 粗體字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加粗顯示，這篇教學會介紹 <str...
<iframe> 是 HTML 的內嵌頁框元素，可以在一個網頁中內嵌另外一個網頁，像是在網頁裡放入 Youtube 影片、Facebook 貼文區塊...
在 HTML 裡使用 <hr> 後，會在畫面中放入一條「水平分隔線」，透過水平分隔線來進行不同段落的區隔，這篇教學會介紹如何使用 <hr>...
撰寫 HTML 內容時，並不能像撰寫 word 或 txt 檔案一樣，單純透過「enter」將內容「換行」，HTML 必須依靠 <br> 進行換行，...
得之於人者太多，出之於己者太少。 總算等到開賽的日子，這次的主題靈感來自於今年公司要求學習的新網站，由於常常在網路上拜讀許多大神的文章，使得自己有機會能累積到一...
使用 <img> 是 HTML 裡的圖片元素，使用時只要在 src 屬性裡填入圖片的網址，或是圖片的 base64 編碼，就可以在網頁中顯示圖片，這...
如果在要在 HTML 裡設計可以外連其他網頁的功能，就必須使用 <a> 來建立「超連結」，當使用者點擊超連結之後，就能前往指定的網頁，或是進行發送...
HTML 裡的 <div> 是十分常見的「區塊容器」，只要任何需要排版的位置，可能都會透過 <div> 搭配 CSS 或 JavaScr...
yingngai
coding19
一宵三筵
oxxo
hooty868
Eva Chen
ThisIsFrankTsai
iThome鐵人賽
看影片追技術