PIXNET Logo登入

傑克! 真是太神奇了!

跳到主文

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

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

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

Raspberry Pi 3B+
前言


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

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

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

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

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

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

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

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

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

  • 個人分類: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,856)

  • 個人分類:HTML
▲top
1

個人資訊

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

熱門文章

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

最新文章

  • 到訪人數突然歸零了
  • 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)

誰來我家