J.J.'s Blogs
J.J. Huang
  • Taipei, Taiwan
本站是 J.J.Huang 的技術「學習」「筆記」部落格。內容涵蓋各式前端、Java後端、Spring Boot、微服務架構、運維開發、系統監控等相關的研究與知識分享。
  • Taipei, Taiwan
  • Web - 第十四章 | HTML 響應式圖片

    在開始之前我必須要說,這篇對我來說太重要了,因為目前工作上在全面的調整公司網站的網頁,改為響應式網頁設計(英語:Responsive web design,通常縮寫為RWD),然後這篇準備要看的是「響應式圖片」,正好可以補充一下一些技術知識上的不足。 響應式網頁設計(英語:Responsive...

  • Web - 第十三章 | HTML 將向量圖形添加到Web

    在看到這篇文章以前,我是真的沒有研究了解過,可能因為不是主攻這塊的麻,但是學無邊界,就是看到有稍微沾到邊的,基本上都要去了解,哪怕某一天可以拿來用或是解決問題是吧。 文中提到,向量圖形在很多情況下非常有用 — 它們擁有較小的文件尺寸,卻高度可縮放,所以它們不會在鏡頭拉近或者放大圖像時像素化,這...

  • Web - 第十二章 | HTML 從對像到iframe - 其他嵌入技術

    目前已經了解到如何在網頁上,插入圖片、影片、音樂⋯等等,接下來我們要在網頁上面在嵌入其他的內容元素、其他網站內容⋯之類的。 嵌入的簡史 很久以前,很流行在網路上使用框架建立網站—網站的一小部分存儲於單獨的HTML頁面中。這些被嵌入在一個稱為框架集的主文件中,它允許你指定每個框架能夠填充在...

  • Web - 第十一章 | HTML 中的視頻和音頻

    這邊看完這篇文章後,沒想到在網頁中加入視頻和音頻,居然有這麼多需要注意的部分,不管是在視頻上的Type和格式以及瀏覽器支援的問題,這些我以前都沒有想過;還有音頻可以加入字幕⋯等等太多了。哈,真的是學海無涯。 web 中的音頻和視頻 現在我們可以輕鬆的為一張web網頁添加簡單的圖像,下一步...

  • Web - 第十章 | HTML 中的圖片

    在一開始時,Web僅有文本,那真的是很無趣。幸運的是,沒過多久網頁上就能嵌入圖片和其他有趣的內容了。雖然還有許多其他類型的多媒體,但是從地位比較低的<img>元素開始是符合邏輯的,它常常被用來在網頁中嵌入一張簡單的圖片。在這篇文章中,我們將看到怎樣深入的使用它,包括基本的用<fi...

  • Web - 第九章 | HTML 撰寫一封信

    以前的e-mail,都只有單純的文字格式;而現在我們可以用HTML格式來豐富我們的郵件,透過HTML我們可以在郵件上展示出包括標題、重點、超連結⋯等等。 項目簡介 塊/結構語義: 使用適當的結構來構造整體文件,包括doctype、<html>、<head>...

  • Web - 第八章 | HTML 調試(Debugging)

    我必須說在看這篇文章之前,我不知道HTML是可以使用一些網站來做檢查語法的建議或是錯誤修正。我頂多都是直接看代碼或是開啟瀏覽器的開發者工具直接修改並看結果。 所以我對這篇的內容非常好奇,在實際操作上比較多。只能說有趣~哈。 HTML 和調試 瀏覽器並不會將HTML編譯成其它形式,而是...

  • Web - 第七章 | HTML 文件和網站結構

    除了定義頁面的各個部分(例如“段落”或“圖像”)之外,HTML還擁有許多用於定義網站區域的塊級元素(例如“標題”,“導航” 菜單“,”主要內容欄“)。 本文探討如何規劃基本網站結構,並編寫HTML來表示此結構。 文件的基本部分 網頁的外觀多種多樣,但是除了全屏視頻或遊戲,或藝術作品頁面,...

  • Web - 第六章 | HTML 高級文本格式

    HTML中有許多其他元素可以用於格式化文本,我們沒有在HTML 文字處理基礎中提到它們。以下將會說明標記引文、說明列表、計算機代碼和其他相關文本、下標和上標、聯繫訊息等。 說明列表 說明列表使用與其他列表類型不同的閉合標籤— <dl>; 此外,每一項都用 <dt>...

  • Web - 第五章 | HTML 建立超連結

    在很多文章中會看到某些字體為藍色且可以點擊,點擊後會跳轉或是開啟另一個網頁或執行下載動作,這個就是超連結的。 至於超連結是什麼要怎麼使用,這邊下面將會特別說明。 超連結? 超連結是互聯網提供的最令人興奮的創新之一,它們從一開始就一直是互聯網的一個功能,使互聯網成為互聯的網路。超連結使我們...