雖然本系列文的主題是用 LIFF 做 LINE 整人工具,乍看之下只會用到 LINE API (也就是JavaScript)但其實 JavaScript 是應用...
第 04 天:認識 Svelte 元件 我不自覺的看了一眼 Svelte 元件,裡面除了 Javascript、HTML、還有 CSS 程式碼。既熟悉又陌生,...
在上一篇文章中,我們已經向大家介紹了iNODE NINJA平台界面的使用心得。儘管平台上有許多重要功能,其中最主要的功能就是WAF設定。WAF設定的章節會在後面...
在上一篇文章中,我們已經向大家介紹了iNODE NINJA平台界面的使用心得。儘管平台上有許多重要功能,其中最主要的功能就是WAF設定。WAF設定的章節會在後面...
<colgroup> 和 <col> 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 ),使用後能對表格中的垂直縱列做分組,方...
<thead>、<tbody> 和 <tfoot> 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 ),使用後能讓...
<caption> 是 HTML 表格裡負責顯示「表格的標題」元素,<th> 則是負責顯示「某一欄或某一列的標題」元素,這篇教學會介紹...
如果要在 HTML 裡放入表格,最基本是使用 <table>、<tr> 和 <td> 來製作表格,這篇教學會介紹如何在 HT...
學習原因: 快要開始進入自動化測試的環節了,但在此之前需要對網頁有一定的理解,才比較好開始學 Web UI 的 Automation Test,所以先來了解什麼...
影片教學 重點回顧 今天的內容主要是展示一些常用的元素elements <hr> <!--就是水平線--> <pre>...
昨天講到HTML的架構以及標籤使用方法 除了文字的顯示,還可以有表格以及表單的用法~ 這邊先介紹今天會使用到的replit介面,方便預覽網頁 replit介面...
<ul> 和 <li> 是 HTML 裡的無序清單元素,使用後會產生清單列表,並使用預設樣式 ( 或指定樣式 ) 產生清單符號,這篇文章...
<dl>、<dt> 和 <dd> 是 HTML 裡的自訂清單元素,使用後會產生自訂的清單列表,這篇文章會介紹 <dl&...
<ol> 和 <li> 是 HTML 裡的有序清單元素,使用後會產生清單列表,並預設使用數字或字母 ( 可指定開頭數字或字母 ) 作為清...
在當今的網頁開發中,優化效能始終是一個追求的目標。我們都希望在短時間內,讓使用者得到最好的體驗。 於是,我們在開發過程中,努力地優化Lighthouse上的指標...
影片教學 教學重點回顧 HTML全名為HyperText Markup Language,HyperText表示非一般純文字,而是能藉由文字導向到其他網頁。而...
講到網頁實作,就一定得提到網頁開發三大巨頭: HTML、CSS、JavaScript。 HTML : 一個網頁的骨架,建立起基本架構 CSS : 一個網站的衣...
當 HTML 裡出現一段很長的英文單字時,往往會根據畫面寬度來進行換行 ( 超過寬度就換行 ),而 <wbr> 標示可換行位置元素可以提示「換行的時...
<abbr> 標示縮寫元素在標籤語意上表示「縮寫」,可以告訴搜尋引擎這是縮寫字,就這篇教學會介紹 <abbr> 標示縮寫元素。 原文參...
<time> 標示時間日期元素在標籤語意上表示「時間日期」,如果搜尋引擎如果要抓取時間日期,就會優先從這個標籤著手讀取,這篇教學會介紹 <ti...
教學影片 網頁前端三巨頭 說到網頁前端,一定會聽到及碰到這三種語言,分別是:HTML,CSS以及JavaScript,而這三者對於網頁前端的地位簡單比喻可以如...
前言 第一次參加鐵人賽,一開始對於連續30天要寫文章有些些抗拒,擔心突然有事打斷進度。但轉念想想,缺點就是優點!換句話說就是連續30天我都要花時間去學習與思考全...
參賽前言 本系列文章目標是學習 CSS 基本知識,並且研究 The State of CSS 中值得令人期待新屬性,讓想要學習 CSS 的人也能一起學到新知...
<kbd> 標示鍵盤按鍵元素在標籤語意上表示「鍵盤輸入按鍵」,或表示其他輸入的指令 ( 例如語音輸入 ),可以在不套用 CSS 樣式的狀態下,將 H...
<address> 標示聯絡方式元素可以在不套用 CSS 樣式的狀態下,將 HTML 的文字變成斜體字,並在標籤語意上強調是「聯絡方式」,這篇教學會...
如果在 HTML 裡想要「替中文字加上注音」,可以使用 <ruby> 和 <rt> 顯示中文字注音 ( 或拼音 ) 的功能,,這篇教學會...
<details> 收折文字內容元素可以將一段文字內容收折隱藏,收折後會出現一個三角形圖示,點擊三角形圖示可以將文字展開,使用時常搭配 <su...
<code> 程式碼內容元素會使用「monospace 等寬字體」,在 HTML 裡進行程式碼的顯示,這篇教學會介紹 <code> 程式...
<pre> 預先格式化元素 ( preformatted text ) 可以保留原始文字內容格式,不論是空白或換行都會被保留,加上預設等寬字的屬性,...
如果 HTML 有引用別處的內容,通常會使用 <blockquote>、<q> 或 <cite> 來包覆這些內容,,這篇教學...