雖然在 HTML 的裡直接輸入文字，文字也會正常顯示，但通常會使用 <p> 包覆需要分段的文字內容，如此一來不僅能讓 HTML 的架構更為明確，調整...
Twitter 是目前世界上最有名的社群網站之一，這篇教學會介紹如何透過 HTML 的實作，在網頁裡面加入 Twitter 推文的功能。 原文參考：網頁中嵌入...
Scratch 是一個可以讓程式入門者或學生盡情創作遊戲、動畫或影音的工具，除了可以直接在 Scratch 的平台上進行觀賞，也可以將 Scratch 專案嵌入...
<article> 是進入 HTML5 之後才加入的文章區塊元素，通常會放入標題與大量文字內容，這篇文章將會介紹 <article> 文...
第 29 天：Svelte 在 HTML 元素上的修飾 第 29 天要講的事 複習 Svelte 在 HTML 元素上的修飾 HTML 元素的 class 及...
如果說 HTML 負責建構網頁的骨架、CSS 負責網頁的外觀，JavaScript 就是負責網頁的「動作程式」，這篇教學將會介紹 HTML 裡三種套用 Java...
<audio> 播放聲音元素可以在 HTML 裡讀取並播放指定格式的聲音，也可以搭配 <source> 元素，載入不同格式聲音，這篇教學...
<section> 是進入 HTML5 之後才加入的章節區塊元素，通常會放入標題與一些內容，這篇文章將會介紹 <section> 文章區...
影片教學 重點回顧 撰寫HTML時，將相關的元素包裝在一起，有助於網頁的結構性，過去式採用div來作為一個區塊，但過多的div可能會造成混淆，因此，透過HTM...
前言 前三篇已經介紹完 DNS 的原理，今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助，主要分為 2 個： 優化 request speed 設定 d...
嗨~各位我們今天來開發網頁來控制門鎖開關，首先我們會需要先撰寫HTML檔，我會把撰寫內容放在底下，接下來我們會用Thonny來撰寫ESP32的程式碼哦！ 實驗簡...
<mark> 凸顯文字元素可以在不套用 CSS 樣式的狀態下，將 HTML 的文字加上黃底，進行凸顯的效果，這篇教學會介紹 <mark>...
<thead>、<tbody> 和 <tfoot> 是 HTML 裡非必須的表格元素 ( 通常不會特別去使用 )，使用後能讓...
Google 文件 ( Google Docs ) 是非常方便的線上文件應用程式 ( 類似線上 Words )，不論是任何的作業系統，只需要打開瀏覽器就能進行文...
<link> 是 HTML 裡負責「載入外部資源」的元素，該元素不會在頁面裡顯示，通常作為標記 favicon 圖示與載入 CSS 檔案使用，這篇教...
如果 HTML 有引用別處的內容，通常會使用 <blockquote>、<q> 或 <cite> 來包覆這些內容，，這篇教學...
在當今的網頁開發中，優化效能始終是一個追求的目標。我們都希望在短時間內，讓使用者得到最好的體驗。 於是，我們在開發過程中，努力地優化Lighthouse上的指標...
(一)超連結a target: 設定連結的網頁開啟方式1)_blank: 在新的瀏覽器窗口或標簽中打開連結。2)_self: 連結的目標會開啟在目前執行的視窗...
HTML 的所有元素都有預設的顯示類型，而這些顯示類型是透過 CSS 的 display 屬性進行控制，只有在遇到特殊的網頁版面需求時才需要更動，這篇教學將會介...
<main> 是進入 HTML5 之後才加入的主要區塊元素，通常一個網頁只會有一個 <main>，裡面會放入整個網頁的主要內容，這篇文章...
影片教學 教學重點回顧 HTML全名為HyperText Markup Language，HyperText表示非一般純文字，而是能藉由文字導向到其他網頁。而...
前面講了HTML和CSS的基本使用 但要從零開始做成一個像平常看到的網站一樣，美美的以及複雜的功能性 是要有美術細胞以及花費大量的時間的。 此時如果只是想要快速...
<small> 小型文字元素，可以在不套用 CSS 樣式的狀態下，將 HTML 的文字套用較小尺寸的樣式效果，這篇教學會介紹小型文字元素。 原文參...
<base> 是 HTML 裡「重設根目錄」的元素，該元素並不會在頁面裡顯示，主要作用可以設定「相對路徑的根目錄」，這篇教學會介紹 <base...
影片教學 重點回顧 今天的內容主要是展示一些常用的元素elements <hr> <!--就是水平線--> <pre>...
在上一篇文章中，我們已經向大家介紹了iNODE NINJA平台界面的使用心得。儘管平台上有許多重要功能，其中最主要的功能就是WAF設定。WAF設定的章節會在後面...
<nav> 是進入 HTML5 之後才加入的導航連結區塊元素，裡面會放入網頁的主要的導覽連結 ( navigational links )，這篇文章...
<meta> 是 HTML 裡標記「網頁資訊」的元素，該元素不會顯示在頁面中，主要目的是將這份網頁的資訊，提供給瀏覽器、社群網站或搜尋引擎使用，這篇...
講到網頁實作，就一定得提到網頁開發三大巨頭： HTML、CSS、JavaScript。 HTML : 一個網頁的骨架，建立起基本架構 CSS : 一個網站的衣...
<caption> 是 HTML 表格裡負責顯示「表格的標題」元素，<th> 則是負責顯示「某一欄或某一列的標題」元素，這篇教學會介紹...
oxxo
ithomemhjao
Ericostco
bensonchen3418
hsinwei
hooty868
Bonnie1226
joey21
iThome鐵人賽
看影片追技術