發表文章

目前顯示的是 11月, 2025的文章

【網頁設計自學】HTML的無序列表以及有序列表

這篇整理 HTML 裡最常見的兩種列表：無序列表 <ul> 與有序列表 <ol> 。簡單來說，沒有順序的項目用 ul，有步驟或排名的項目用 ol。 📘 HTML｜無序列表與有序列表 列表是什麼？ 在 HTML 中，列表常用來整理一組項目，讓內容看起來更清楚、也更容易閱讀。 常見的列表有兩種： 無序列表： 使用 <ul> ，適合沒有先後順序的項目。 有序列表： 使用 <ol> ，適合有步驟、排名或順序的項目。 🔹 1. 無序列表｜Unordered List 用途 無序列表使用 <ul> 標籤，通常用在「沒有一定順序」的內容。 例如：特色、項目、注意事項、功能列表等。瀏覽器預設會在每個項目前面顯示一個黑色圓點。 基本語法 <ul> <li>項目 1</li> <li>項目 2</li> <li>項目 3</li> </ul> 適合使用情境 條列式介紹 注意事項 特色、功能列表 沒有固定順序的資料整理 顯示效果 項目 1 項目 2 項目 3 🔢 2. 有序列表｜Ordered List 用途 有序列表使用 <ol> 標籤，適合用在「有順序、步驟、排名」的內容。 瀏覽器預設會自動在每個項目前面加上數字，例如 1、2、3。 基本語法 <ol> <li>第一步</li> <li>第二步</li> <li>第三步</li> </ol>...
張貼留言
閱讀完整內容

【網頁設計自學】HTML的空格、註解、換行

這篇整理 HTML 裡很常用的三個基礎觀念：空格、換行與註解。它們看起來很小，但寫網頁時幾乎天天會遇到。 📘 HTML｜空格、換行、註解教學 為什麼要學這三個？ 在 HTML 裡，瀏覽器會自動處理很多空白與換行，所以你在原始碼裡打了很多空格，畫面上不一定會照樣顯示。 因此，如果想要控制畫面上的空格、換行，或是在程式碼中留下備註，就需要使用對應的 HTML 語法。 空格： 用來控制文字之間的距離。 換行： 用來讓文字或段落換到下一行。 註解： 用來在原始碼裡留下備註，不會顯示在網頁畫面上。 🔹 HTML 空格｜Space HTML 會壓縮連續空格 在 HTML 中，如果你連續輸入很多個空格，瀏覽器通常只會顯示成一個空格。 如果想要強制保留多個空格，可以使用 HTML 的特殊字元。 常見空格寫法 寫法 名稱 用途 &nbsp; 不斷行空白 最常用，常用來保留空格。 &ensp; 半形空格 寬度約為半個中文字左右。 &emsp; 全形空格 寬度約為一個中文字左右。 空格範例 阿&nbsp;&nbsp;元 → 阿  元 阿&ensp;元 → 阿 元 阿&emsp;元 → 阿 元 最常見的是 &nbsp; 。如果只是想在文字中保留一點距離，通常先記這個就夠用了。 ↩️ H...
張貼留言
閱讀完整內容

【網頁設計自學】HTML的簡易架構，以及其程式碼的意義

這篇整理 HTML 最基本的網頁架構。先把骨架看懂，之後學標籤、CSS、JavaScript 時，會比較知道每段程式碼應該放在哪裡。 📘 HTML｜簡易架構與程式碼意義 先看一段標準 HTML 架構 一個基本的 HTML 頁面，通常會長得像下面這樣： <!DOCTYPE html> <html lang="zh-Hant"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>你的標題</title> </head> <body> <!-- 內容寫在這裡 --> </body> </html> 這段就是一個網頁最基本的骨架。簡單來說， <head> 放網頁設定， <body> 放真正會顯示在畫面上的內容。 🔎 HTML 基本架構總覽 可以先用下面這張表快速理解每一段的用途。 程式碼 用途 簡單理解 <!DOCTYPE html> 宣告 HTML 版本 告訴瀏覽器這是 HTML5 頁面。 <html lang="zh-Hant"> HTML 根元素與語言設定 代表頁面主要語言是繁體中文。 <head> 放網頁設定資料 ...
張貼留言
閱讀完整內容

【HTML自學】Lorem Ipsum：一段有意義的廢話

Lorem Ipsum 是網頁設計與排版時很常見的「假文字」。它沒有真正的內容意義，但正因為沒有意義，反而可以讓我們更專心觀察版面、字體、行距與整體設計效果。 📘 HTML 自學｜Lorem Ipsum：一段有意義的廢話 Lorem Ipsum 是什麼？ Lorem Ipsum 是一段「沒有實際意義的假文字」 ，英文常稱為 dummy text 。 它常用在網頁、排版、設計稿、模板、Demo 頁面中，主要功能是拿來填充文字，讓畫面看起來像真的有內容。 Lorem Ipsum 最重要的用途是： 讓人不要被內容干擾，而是專注看版面與排版效果。 🔎 Lorem Ipsum 的主要用途 雖然 Lorem Ipsum 看起來只是一段「廢話」，但在設計與開發流程中其實非常實用。 1. 排版測試：專注於版面，而非內容 如果設計稿使用真實文章，讀者或設計師很容易不自覺開始閱讀內容，反而忽略真正要檢查的排版問題。 所以 Lorem Ipsum 常被用來測試： 字體大小是否合適 行距是否舒服 版型寬度是否剛好 段落間距是否自然 橫向、直向閱讀感是否順眼 RWD 響應式排版是否正常 它看起來像真正的內容，但實際上又不會讓人想認真讀完。這就是它最方便的地方。 2. 測試字數、佈局與長短內容呈現 做網站或範本時，常常無法確定未來使用者會輸入多少文字。 有些區塊可能只有一句話，有些區塊可能是一整篇長文。如果沒有先測試，版面很容易在正式使用時壞掉。 Lorem Ipsum 可以用來模擬： 很長的文章 很短的段落 一大串文字 單欄、雙欄、三欄佈局 ...
張貼留言
閱讀完整內容

【自學網頁設計】簡述Html、CSS、Javascript之間的差別

HTML、CSS、JavaScript 是網頁世界最基本的三大支柱。簡單來說：HTML 負責內容結構，CSS 負責外觀設計，JavaScript 負責互動行為。 📘 簡述 HTML、CSS、JavaScript 之間的差別 前言：從部落格開始接觸網頁 我從高中的時候開始接觸部落格，從無名小站、痞客邦，到後來的 WordPress，最後來到 Blogger，遊走在各個平台之間。 一開始寫部落格，只是在上面寫寫簡單的生活心情。後來開始分享整理文，有幾篇文章流量比較高，也因此賺到了一些收入。 漸漸地，網站與部落格開始變成生活的一部分，甚至變成生活的重心。於是就開始想：如果能把網站變得漂亮一點、好讀一點，是不是會更好？ 這時候才發現，原來想要調整網頁，就會碰到這三個關鍵字： HTML、CSS、JavaScript 。 🏠 用房子比喻三者的關係 初學時最容易搞混的地方，就是不知道 HTML、CSS、JavaScript 到底各自負責什麼。 可以先用「房子」來理解： 技術 負責內容 房子比喻 HTML 網頁結構與內容 房子的骨架、牆壁、房間配置 CSS 外觀與排版設計 油漆、地板、燈光、家具、裝潢 JavaScript 互動與邏輯行為 電燈開關、冷氣、電視、對講機 一句話記法： HTML 決定有什麼，CSS 決定長怎樣，JavaScript 決定會不會動。 🔹 1. HTML：負責結構，就像房子的骨架 HTML 是什麼？ HT...
張貼留言
閱讀完整內容

初學（自學）Pyhton的幾個推薦資源

圖片
因為興趣，也因為想讓工作與生活多一點可能性，我開始在下班後自學 Python。 這篇整理幾個我自己用過、覺得適合初學者入門的資源，希望能幫正在起步的人少繞一點路。 📘 自學 Python 資源整理｜書籍、影片、練習網站 一開始自學 Python 時，我翻了很多書，也參考了不少網路上推薦的網站、YouTube 頻道與練習平台。 有些資源看起來很厲害，但對初學者來說其實太硬；也有些內容雖然簡單，卻很適合建立基礎。 簡單來說：這篇文章記錄我在初學 Python 時，覺得實用、好理解，也比較容易持續學下去的幾個資源。 書籍推薦｜Real Python：人氣站長教你動手寫程式 Real Python：人氣站長教你動手寫程式 這本書讀起來很直觀，不會有太多讓人分心的廢話。它會用例子一步一步帶觀念，也會提醒一些初學者容易忽略的小細節。 我當時去圖書館翻了不少 Python 入門書，最後覺得這本對新手來說算是滿友善的。 如果你是第一次接觸 Python，或是想找一本可以慢慢跟著讀的書，這本可以列入清單。 官方網站也很值得逛： Real Python 網頁部落格 PS：Real Python 網站上有很多定期更新的 Python 文章，內容滿扎實的，只是英文閱讀會需要一點耐心。 YouTube 推薦｜CodeShiba 程式柴 CodeShiba 程式柴 YouTube 課程 初學 Python 的時候，我覺得程式柴很適合拿來打基礎。 他的影片分類清楚、節奏舒服，不會一口氣塞太多東西，對剛開始學的人很友善。 我那時候是邊看影片，邊跟著把程式碼打出來。這種方式雖然看起來慢，但其實很有效。 尤其是剛開始學語法時，手真的要跟著動，才比較容易記得住。 部落格與線上課程： CodeShiba 程式...
張貼留言
閱讀完整內容

【藥局常見問題】保健食品要什麼時候吃？｜什麼保健食品要飯前吃、什麼保健食品要飯後吃？

圖片
飯後吃：魚油、葉黃素、綜合維他命 飯前吃：葡萄糖胺 空腹／睡前：鈣片、膠原蛋白、益生菌 皆可：B 群 為什麼這樣吃？ 魚油與葉黃素 是脂溶性的，因此可以挑你吃最油的那餐（飯後吃），吸收會最好。 綜合維他命 同樣含脂溶性＋水溶性維生素，選你吃最多、最均衡的一餐飯後吃即可。 葡萄糖胺 適合在有胃酸環境下吸收，因此建議飯前 15～30 分鐘吃；若腸胃敏感，飯後吃也可以。 B 群 原則上任何時候都能吃，但有些人吃了精神很好，怕影響睡眠的話建議早上吃。 Q：如果保健食品在不對的時間吃會怎樣？ A： 頂多吸收比較差而已，保健食品不像藥品那麼嚴格，時間拿捏不用太緊張。 保健品挑選指南 保健食品挑選指南 藥局常見問題，所有客人常問的問題都在這 魚油挑選指南｜藥師帶你挑魚油！ B群挑選指南｜男性、女性各別適合怎樣的B群？ 瑪卡挑選指南｜藥師帶你挑瑪卡！哪個CP值最高
張貼留言
閱讀完整內容

藥師帶你挑保健品！簡易保健品挑選指南一次看完！

圖片
走到了藥局之後，面對架上滿滿的保健品，眼花撩亂。常常有客人問我： 「我到底要吃什麼保健食品？魚油、馬卡、B 群……這麼多種，每一種又這麼多牌子，到底哪一個才適合我？」 其實，在阿元看來，很多客人根本不知道自己的需求在哪裡。這就造成挑選保健品最困難的地方， 反而不是選擇多，而是 找不到自己的需求 。 即使好不容易抓出方向，也常常卡在下一步：不知道該怎麼挑？怎麼比較？ 最後花了錢卻買不到適合自己的產品。 身為藥師，我始終相信： 產品只要存在，就有其道理。 換句話說，保健品沒有「好」或「不好」，只有「適合」與「不適合」的差別。 每個人的生活型態、飲食習慣、壓力來源、工作方式都不同，需要的營養補充也不一樣。 與其盲目跟風，不如先了解自己的狀況，再挑選真正符合需求的產品。 挑選保健品時，可以從幾個大方向思考： 品質是否值得信賴 產品來源、原料是否透明、有無基本檢驗或第三方認證？ 成分與含量 很多保健食品並不是含量越高越好，而是是否符合你目前的生活需求與補充目的。 價格與劑量的平衡（俗稱 CP 值） 同樣的內容物，劑量不同、服用量不同，整體成本也會差異很大。 學會看標示，才能真正比出 CP 值。 品牌 有些人在乎品牌，那也沒關係。知名品牌通常比較貴，但只要能讓你安心，那才是最重要的。 順從性（非常重要） 最直觀的方式就是問自己： 「買了你會不會吃？會不會固定吃？」 因為即便你買到再好、再適合你的保健品，放在那邊不吃也是枉然。 保健品是長期吃了之後才漸漸有效果，而不是買了之後就有效果。 還有很多關於保健品的眉眉角角，難以用一篇文章說明， 因此我會針對不同品項做比較，並整理成 簡易挑選指南 ， 讓大家在挑保健品的時候有個方向。 保健品挑選指南 魚油挑選指南｜藥師帶你挑...
張貼留言
閱讀完整內容

娘家的四種魚油差別在哪裡？｜極頂、極好、極淬、極上魚油怎麼區分？

圖片
  Q ：娘家一共有四種魚油，請問這四種魚油差別在哪裡？ A ：差別在 DHA 、 EPA 的含量比例不同！   藥局的客人看到玲瑯滿目的魚油產品，已經眼花瞭亂，好不容易挑選到自己要的品牌，發現娘家居然有四種顏色包裝的魚油！於是跑來問我這四個魚油的差別？ 幾乎每個客人在看到娘家魚油之後都會跑來問：「藥師啊！這四種差在哪裡啊？」 關鍵就在 DHA 、 EPA 的含量比例！   下面我幫大家整理起來（以下為 1 份的含量，也就是 2 粒）： 娘家極頂魚油（紫色）－ DHA ：沒寫、 EPA ： 1140mg 娘家極好魚油（橘色）－ DHA ： 404mg 、 EPA ： 605mg 娘家極淬魚油（綠色）－ DHA ： 840mg 、 EPA ： 120mg 娘家極上魚油（藍色）－ DHA ： 72mg 、 EPA ： 960mg   1 、娘家極頂魚油（紫色） EPA 含量 1140mg ， DHA 含量幾乎沒有（所以沒寫）。極頂適合想針對 EPA 補充的人。   2 、娘家極好魚油（橘色） DHA ： 404mg 、 EPA ： 605mg 。 DHA ： EPA ＝ 2 ： 3 ，是非常均衡的比例，適合兩種成分想均衡補充的人。   3 、娘家極淬魚油（綠色） DHA ： 840mg 、 EPA ： 120mg 。 DHA ： EPA ＝ 7 ： 1 ， DHA 含量高出許多，適合想著重於 DHA 補充的人。   4 、娘家極上魚油（藍色） DHA ： 72mg 、 EPA ： 960mg 。 EPA 的比例高出 DHA 好幾倍。【極好】的 DHA/EPA 比例很像【極頂】，都是高含量的 EPA 。 【連結】 娘家極頂魚油（紫色） 娘家極好魚油（橘色） 娘家極淬魚油（綠色） 娘家極上魚油（藍色）
張貼留言
閱讀完整內容

魚油幾％真的重要嗎？藥師教你正確看「有效 Omega-3」與 CP 值

最近常常聽到某廣告台詞：「你吃的魚油有幾%？」 我一直覺得應該改成：「Omega-3 的有效含量有多少？」可能是因為「幾%」這樣念起來比較順耳吧！ 因為即便 % 數很高，假設單顆劑量很低，那也是枉然。 真正的重點始終是：「DHA + EPA（有效 Omega-3）」的含量有多少。 如果要計算魚油的 CP 值，除了有效 Omega-3 含量之外，價格、顆數……等等都要考慮進去，才是真正的精打細算。 就我自己的觀點，比濃度或 CP 值更重要的是這三件事： 1、是否有合格標章？廠商是否值得信賴？ 2、你需要的是 DHA？還是 EPA？ 3、魚油的大小你吞不吞得下去？（吞不下去都是枉然） 如果你只是想單純討論 CP 值、或魚油怎麼挑，歡迎參考這一篇： 簡易魚油挑選指南｜藥師帶你挑魚油！魚油挑選重點，哪款魚油 CP 值最高？
張貼留言
閱讀完整內容

Python自學＿把if/lese一行寫完

Python 的 if/else 除了可以用一般多行寫法，也可以寫成一行。這種寫法常稱為「條件運算式」，適合用在簡單判斷，但不一定每次都比較好讀。 📘 Python 自學｜把 if/else 一行寫完 題目：判斷某個數字是偶數還是奇數 這篇用一個很簡單的例子來記錄 Python 的 if/else 一行寫法。 題目是：給定一個數字，判斷它是偶數還是奇數。 🔹 一般 if/else 寫法 初學 Python 時，最常見的寫法通常會像下面這樣。 number = 4 if number % 2 == 0: print("Even") else: print("Odd") 這段程式的意思是： number = 4 ：設定變數 number 的值為 4。 number % 2 ：計算 number 除以 2 的餘數。 如果餘數等於 0，代表是偶數，印出 Even 。 否則就是奇數，印出 Odd 。 在 Python 裡， % 是取餘數運算子。 例如 4 % 2 等於 0，所以 4 是偶數。 ⚡ if/else 一行寫完 如果判斷邏輯很簡單，也可以把它寫成一行。 number = 4 print("Even" if number % 2 == 0 else "Odd") 這行的意思可以直接讀成： 如果 number % 2 == 0 成立，就印出 Even ；否則印出 Odd 。 Python 一行 if/else 的語法 Python 的一行 if/else 寫法長這樣： 值1 if 條件 else 值2 可以理解成： 條件成立時，使用 值1 。 ...
張貼留言
閱讀完整內容

【Python實作】判斷使用者輸入的數字是否為質數？

這篇用 Python 練習判斷一個數字是否為質數。過程中會用到 try/except 、 if/else 、 for 迴圈、取餘數，以及一個常見的小技巧：只檢查到根號 n。 📘 Python 自學｜判斷是否是質數 練習目的 這次的練習目標是熟悉 Python 的流程控制與迴圈判斷。 練習 for 迴圈。 練習 if/else 判斷。 練習 try/except 處理輸入錯誤。 練習用 % 判斷是否能整除。 題目 讓使用者輸入一個正整數，並判斷這個數字是否為質數。 質數的定義： 大於 1，且只能被 1 和自己整除的正整數。 🧪 完整程式碼 下面是完整的 Python 程式碼。 # 程式開始 try: n = int(input("請輸入一個整數：")) except ValueError: print("請輸入正確的數字") exit() if n <= 1: print("不是質數") else: is_prime = True for x in range(2, int(n**0.5) + 1): if n % x == 0: is_prime = False break print("是質數" if is_prime else "不是質數") # 程式結束 🔎 程式說明 接著把程式拆成幾段來看，會比較容易理解整個判斷流程。 1. 使用 try/except 確認輸入是否正確 try: n = int(input("請輸入一個整數：")) except ValueError: print("請輸入正確的數字")...
張貼留言
閱讀完整內容

簡易魚油挑選指南｜藥師帶你挑魚油！魚油挑選重點，哪款魚油CP值最高？

圖片
  「魚油」在保健品市場一直非常熱門，我自己在藥局的感覺，最多人詢問的三大保健品：「 B 群」、「益生菌」、「魚油」。   以前大家對魚油的刻板印象停留在「適合特定族群」，近年來大家的保健觀念越來越好，知道魚油的範圍很廣，從一般日常保健、忙碌上班族的日常維持，運動訓練者日常補給，都會考慮補充魚油。   只是魚油的產品超級多（大概是保健品裡面最多）：濃度、來源、劑型、 TG / rTG / EE 型態各別代表什麼意思？我今天沒有要講 XD   本篇只討論簡單的「 CP 值」！台灣人很在乎 CP 值，很多客人來藥局詢問我的時候，都會問哪一個比較划算？ 以下是常見的錯誤算法： （ X ）用單價除以顆數來挑選 → 沒有考慮含量 （ X ）直接用 % 數來挑選   → 不好與價格做計算，且容易有誤差 （ X ）用 DHA+EPA 的含量挑選   → 經常沒有考慮顆數   以下是我的計算方式： 單顆【 DHA+EPA 】的含量，乘以單罐顆數，除以單罐價格，其結果就是每 mg 「有效」 omega-3 含量的價格。 （備註）有效 omega-3 含量，就是 DHA+EPA 。   【簡易挑選指南】 1 、魚油有很多型態，盡量挑 rTG 型、 TG 型，但是其實現在大部分都做 rTG 型了。 2 、 DHA 、 EPA 的含量有多少？其含量與價格的對比算法在上面。 3 、排裝還是罐裝？硬要選的話，我會選排裝的，好保存也好攜帶。 4 、有沒有認證？例如： IFOS 、 GMP…… 。有沒有提供原料來源？ 5 、單顆大小很重要！有客人因為買的魚油太大顆，很難吞就不吃了，很可惜。   以下海巡幾個比較知名的魚油，我會用以下的格式來呈現： 1 、簡單整理該款魚油的特色。 2 、一天要吃幾顆。 3 、每 mg 有多少「有效」 omega-3 含量、每 mg 「有效」 omega-3 含量的價格。   【知名魚油品牌】 大研生醫 1 、特色： 84% Omega-3 ，採用德國 KD Pharma 原料、 rTG 型式。由於廣告打很大、知名度高，很多人會來藥局...
張貼留言
閱讀完整內容