PIXNET Logo登入

傑克! 真是太神奇了!

跳到主文

記性不好, 寫程式, 架主機...都需要看小抄!
歡迎光臨 MagicJack 在痞客邦的 '小抄' 天地

部落格全站分類:數位生活

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 27 週五 202413:14
  • HTML: 如何將 SVG 疊在一般圖片上 (二種方法)

Raspberry Pi 3B+
前言


我的 "關於 PoE 以及 Raspberry Pi 的 PoE" 這一篇貼文裡, 有來自 "維基百科" 的三張 Raspberry Pi 的照片及一張從網路搜來的圖片. 而我, 需要在它們上頭作一些標記. 由於圖片已經上傳到 pixnet 了, 不想用小畫家改圖後再重新上傳, 於是突發奇想: 是否可以在貼文中直接利用 HTML 語法將 SVG 疊在它們上面?
(繼續閱讀...)
文章標籤

MagicJackTing 發表在 痞客邦 留言(0) 人氣(66)

  • 個人分類:HTML
▲top
  • 9月 12 週四 202420:03
  • HTML: 如何使用 ZWSP 在特定位置上斷行

表格折行效果
unicode 中編碼 U+200B 是為 ZWSP (zero-width space, 零寬空格), 它是一個不可列印的字元. 你可以將它安插在超長字串裡可能需要換行的位置.
在 HTML 頁面中我們可以用 <wbr> tag 來代表它.
(繼續閱讀...)
文章標籤

MagicJackTing 發表在 痞客邦 留言(0) 人氣(20)

  • 個人分類:HTML
▲top
  • 5月 31 週二 202216:46
  • HTML: 在 HTML, CSS, JS 中表示 Unicode 字元

有關 Unicode 的編碼規則及 Unicode 的 BOM 可以參閱我的這一篇貼文:
"Python: 關於 Unicode 的 BOM"

在 HTML 中表示 Unicode 字元
(繼續閱讀...)
文章標籤

MagicJackTing 發表在 痞客邦 留言(0) 人氣(1,901)

  • 個人分類:HTML
▲top
  • 8月 19 週三 201501:45
  • HTML 屬性的特別用途

HTML title attribute
有幾個 HTML 屬性用途相當特別, 特別記下以茲備忘:

1. title:


(繼續閱讀...)
文章標籤

MagicJackTing 發表在 痞客邦 留言(0) 人氣(3,702)

  • 個人分類:HTML
▲top
  • 8月 10 週一 201511:14
  • HTML ID 屬性的用法 (ID="...")

特性


所有的 HTML tag 都可以附帶指定 ID 的屬性. 例如:

<div id="div1" ...>
<p id="paraX"...>This is a sample paragraph. ...</p>
<table id="time_zone"><tr>...



ID 值 (原則上) 必需唯一. (參看 注意事項1)
ID 值的合法字元為: 第一個字元為英文字母 [A-Za-z], 加上任何長度組合的 英文字母, 數字 [0-9], 減號 (-), 底線 (_), 冒號 (:), 小數點 (.) (參看 注意事項2)
(繼續閱讀...)
文章標籤

MagicJackTing 發表在 痞客邦 留言(0) 人氣(26,861)

  • 個人分類:HTML
▲top
1

個人資訊

MagicJackTing
暱稱:
MagicJackTing
分類:
數位生活
好友:
累積中
地區:

熱門文章

  • (262,499)SPI (Serial Peripheral Interface) 串列 (序列) 週邊介面
  • (143,254)C 語言:typedef 的用法
  • (81,761)C 語言:運算子優先次序和運算次序
  • (35,687)UART 接收同步機制及鮑率誤差計算
  • (35,403)C 語言:Keil C51 和標準 C 語言的差異
  • (31,753)Raspberry Pi and Pi2, Pi3 接腳圖 (Pinout)
  • (31,583)C 語言:關於變數的二三事
  • (27,241)C 語言:Keil C51 Program Tips
  • (14,658)關於 痞客邦 的廣告
  • (8,328)C 語言:輕鬆讀懂複雜的宣告式 (Define and Read the complex declarations)

最新文章

  • 到訪人數突然歸零了
  • CSS: 關於 tab-size 設定
  • Chrome 錯誤回報: CSS 設定項 tab-size 的 bug
  • asm51 test
  • Syntax High Light (在 痞客邦部落格 中使用) Part3: Prism.js
  • 測試頁面: 程式上色 Prism.js
  • 測試頁面: 程式上色 highlight.js 客製化
  • 測試頁面: 一般項目測試
  • JavaScript: 客製化 highligh.js
  • CSS: 取消繼承來的 CSS 設定

文章搜尋

文章分類

toggle 程式 (3)
  • python (8)
  • git (3)
  • C Language (15)
toggle 嵌入式系統 (6)
  • Keil ARM C (2)
  • Arduino (3)
  • Keil C51 (2)
  • GCC (3)
  • OS (Embedded System) (3)
  • 硬體 (11)
toggle 網頁 (3)
  • JavaScript (6)
  • CSS (17)
  • HTML (5)
  • Windows (11)
  • 其他 (7)
  • 部落格設定 (10)
  • 未分類文章 (1)

最新留言

  • [26/02/20] Danny 於文章「關於 痞客邦 的廣告...」留言:
    祝老師新年快樂,看見我珍藏的這篇助我匪淺的文章內容被迫消失,...
  • [26/01/21] 學星 於文章「關於 痞客邦 的廣告...」留言:
    原本一直使用你的神奇方式擋住廣告,讓閱讀不被干擾。最近大改版...
  • [26/01/21] 衛之珫 於文章「到訪人數突然歸零了...」留言:
    痞客邦把大家炸得一片狼藉。之前受過您在廣告干擾上的協助,這回...
  • [25/09/16] 要倒了吧 於文章「到訪人數突然歸零了...」留言:
    平台看起來主要是靠廣告收益,現在只能看能白嫖到什麼時候了...
  • [25/08/17] 你就是英雄 於文章「關於 痞客邦 的廣告...」留言:
    謝謝版主大大 這個爛網站真的該倒一倒 痞客邦沒廣告收...
  • [25/03/05] 茫茫人海路過人 於文章「Python: 關於 Unicode 的...」留言:
    給個讚...
  • [25/01/13] 訪客 於文章「SPI (Serial Peripher...」留言:
    "所以 Slave 晶片在 SCLK 的下降緣栓鎖資料, 相...
  • [24/12/06] 兔小璐 於文章「關於 痞客邦 的手機版廣告...」留言:
    非常感謝大神幫忙!!! 手機版文章變乾淨了~ ...
  • [24/11/29] 訪客 於文章「關於 痞客邦 的廣告...」留言:
    那麼討厭痞客邦的廣告搬家最快吧 啊搬家要自己花錢,那這串真...
  • [24/11/27] 兔小璐 於文章「關於 痞客邦 的手機版廣告...」留言:
    發現文章其實有勾選 "不要系統換行",但存檔後勾勾會自動消失...

誰來我家