標籤: HTML 頁1

HTML相關的文章,目前共收錄 55 篇內容。

掌握專業程式技能:GoalKicker.com免費學習資源大全
網路資源

掌握專業程式技能:GoalKicker.com免費學習資源大全

GoalKicker.com是一個為程式設計師提供大量免費專業書籍的平台。這些書籍覆蓋了廣泛的程式語言和技術主題,包含.NET Framework、Android、Python、Java、AngularJS、CSS、Git、iOS、C、C++、C#、Hibernate、HTML、HTML5 Canvas、jQuery、Kotlin、Linux、MySQL、MATLAB、MongoDB、Node.js、Oracle Database、Perl、PHP、PostgreSQL、R、React JS、React Native、Ruby、Ruby on Rails、Spring Freamework、S

JavaScript 在透過 textContent 與 innerText 取得內容方法上的差別
教學

JavaScript 在透過 textContent 與 innerText 取得內容方法上的差別

本篇文章說明 textContent 與 innerText 在使用上的差異。

Pandoc:跨格式文檔轉換的萬能工具
網路資源

Pandoc:跨格式文檔轉換的萬能工具

Pandoc 是一款通用的文檔轉換器,能夠在眾多標記格式之間進行轉換。它支援從輕量級標記語言到HTML、eBooks、文檔、投影片等多種格式的轉換,還支援數學公式和自動化參考文獻的功能。

GitHub Profile Generate:快速 GitHub 個人資料產生器
網路資源

GitHub Profile Generate:快速 GitHub 個人資料產生器

使用 GitHub Profile Generate 打造出色的 GitHub 個人資料,只要依據表單填入對應資料,就能迅速製作出一個美觀的 README 檔案,免去任何撰寫程式碼的麻煩。

DevToys:開發者的多功能工具箱
網路資源

DevToys:開發者的多功能工具箱

在繁忙而多變的程式開發世界中,工具的選擇對於提升效率和質量至關重要。今天,我要介紹的是一個名為 DevToys 的開源工具,它像是為開發者量身打造的瑞士軍刀,擁有多種實用功能。

Inke:免費的擁有 AI 功能的類 Markdown 網頁編輯器
網路資源

Inke:免費的擁有 AI 功能的類 Markdown 網頁編輯器

Inke 是一款擁有 AI 強化功能的類 Markdown 網頁編輯器,並允許使用者在本地儲存資料。

Anima:將 Figma 設計稿轉成 HTML、CSS與 javascript,優化設計與開發的全新體驗
網路資源

Anima:將 Figma 設計稿轉成 HTML、CSS與 javascript,優化設計與開發的全新體驗

在現今的軟體開發領域中,設計和開發之間的協同工作變得越來越重要。Anima是一個強大的工具,旨在幫助您更有效率地取得程式碼,並根據您的設計迅速進行整個設計到開發的流程。

Screenshot to Code:只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS
網路資源

Screenshot to Code:只要上傳截圖就能透過 AI 轉換成 HTML 與 CSS

Screenshot to Code 是一個簡單的應用程式,能夠將截圖轉換為程式碼(HTML/Tailwind CSS、React、Vue或Bootstrap)。它利用了GPT-4 Vision生成程式碼,以及DALL-E 3生成相似外觀的圖像。

HTML 上的 input type=image 與不應該再使用這個 type
教學

HTML 上的 input type=image 與不應該再使用這個 type

input type="image" 是一種 HTML 表單元素,通常用於在表單中作為圖像提交按鈕。這個元素在過去曾被廣泛使用,但現在不再被推薦使用,因為有更好的替代方案。

Online Instant WYSIWYG Editor:一鍵清除 Word 轉 HTML 時產出的多餘空白及行內 style 樣式
網路資源

Online Instant WYSIWYG Editor:一鍵清除 Word 轉 HTML 時產出的多餘空白及行內 style 樣式

遇到需要將 Word 轉成 html 並發布到網頁上時,往往會遇到 Word 直接轉的 HTML 會有許多不必要的空白以及行內 style 樣式,要一個一個手動拿掉或是自己寫程式過濾都有點麻煩,好在有像 Online Instant WYSIWYG Editor 這樣的工具,雖然看起來很老舊,但可以確實幫我們完成需求也是一個很好用的服務。

HTML 嵌入 pdf 的方法,以及如何隱藏 pdf 閱讀器的工具列
教學

HTML 嵌入 pdf 的方法,以及如何隱藏 pdf 閱讀器的工具列

說明 HTML 嵌入 pdf 的方法,以及如何隱藏 pdf 閱讀器的工具列。

將 h1~h6 標籤使用圖片,但同時保有 SEO 好結構的方法
教學

將 h1~h6 標籤使用圖片,但同時保有 SEO 好結構的方法

如果你想將`h1`到`h6`標籤以圖片呈現,但同時又希望保持良好的SEO效果,你可以考慮本文的方法。

cookie 的運作原理
教學

cookie 的運作原理

當網站需要在瀏覽器中儲存一些資料以便識別和追蹤使用者時,它可以使用 HTTP Cookie(簡稱 Cookie)。Cookie 是由伺服器在 HTTP 回應標頭中送給瀏覽器的一小段資料,瀏覽器會將其儲存在使用者端的特定位置。每次瀏覽器發送對該網站的請求時,它會自動將相關的 Cookie 包含在請求中。

如何防止別人將網頁透過 iframe 嵌入其他網站
教學

如何防止別人將網頁透過 iframe 嵌入其他網站

在 HTML 裡我們可以透過 iframe 這個標籤將網站嵌入到頁面裡,而如果想要防止別人嵌入,現在只要加上 meta X-Frame-Options 即可。

在 HTML 讀入 別的 HTML 檔案
教學

在 HTML 讀入 別的 HTML 檔案

一般我們在做網站透過前端框架或後端語言要把網頁拆成元件後讀進來都很簡單,如果沒有用到以上提到的方式,單純想在 HTML 檔案裡讀入其他的 HTML 檔案,可以考慮使用 w3 的方法。

HTML5 設定依據不同解析度讀取不同影片(video)
教學

HTML5 設定依據不同解析度讀取不同影片(video)

HTML5 允許我們設定在不同解析度下讀取不同影片,只要在 video 的標籤內設定 source 的 media 就可以了,這邊的 media 就跟 media query 的 media 概念一樣。

使用 CSS 製作全螢幕背景播放影片
教學

使用 CSS 製作全螢幕背景播放影片

說明使用 CSS 製作全螢幕背景播放影片的方法。

[HTML] 什麼是 favicon? 以及如何設定
教學

[HTML] 什麼是 favicon? 以及如何設定

favicon 指的是瀏覽器網頁前面的圖示,可以透過 HTML 的設定指定圖片。