首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • 詳解手機端Html5頁面中1px邊框的幾種解決方法

    詳解手機端Html5頁面中1px邊框的幾種解決方法

    問題提出這是一個比較老的問題了,我第一次注意到的時候,是UI設計師來找我麻煩,emmm那時候我才初入前端職場,啥也不懂啊啊啊啊啊,情形是這樣的:設計師拿著手機過來:這些邊框都粗了啊,我的設計稿上是1px的我:? ? ? ?我寫的是1px呀,不信你
    2025-03-09
  • 標籤欄的幾種實現方法(推薦)

    標籤欄的幾種實現方法(推薦)

    標籤頁:分類+ 描述標籤欄:分類=>讓用戶明白自己在哪裡,將要去哪裡一、css命名方式:XML/HTML Code複製內容到剪貼板
    2025-03-09
  • 詳解Canvas 跨域脫坑實踐

    詳解Canvas 跨域脫坑實踐

    Canvas 跨域如何解決?這裡記錄下使用Canvas 繪圖過程中所遇到的跨域問題和解決方案。先來看下實現方法。實現方法目標圖片一般是由圖片+ 文字構成。無論是千奇百怪的大小圖片,或是變幻莫測的各式文本,都能用canvas api
    2025-03-08
  • HTML 編輯基礎(菜鳥必看篇)

    HTML 編輯基礎(菜鳥必看篇)

    打開DREAMWEAVER,新建HTML。 。 body的屬性:bgcolor 頁面背景色background 背景壁紙、圖片text 文字顏色topmargin 上邊距leftmargin 左邊距rightmargin 右邊距bottomma
    2025-03-08
  • 詳解HTML5通訊錄獲取指定多個人的信息

    詳解HTML5通訊錄獲取指定多個人的信息

    本文介紹了HTML5通訊錄獲取指定多個人的信息,具體如下:一、獲取多個人的信息:要解決通訊錄導入多個人的信息之前,要解決獲取多個人的信息。我通過plus.contacts.getAddressBook和address.find的套用把通訊錄
    2025-03-08
  • Html5適配iphoneX瀏海螢幕的簡單實現

    Html5適配iphoneX瀏海螢幕的簡單實現

    iphonex的瀏海螢幕且不說好看不好看,但是確實給開發造成一定困擾,有些PM希望產品能夠全螢幕展示,於是客戶端就把劉海以上的空間讓出來讓前端處理,造成一個問題就是當頁頭部固定在頂部時,如果上下滑動頁面會有較大縫隙出現,如果背景全是白色還好,
    2025-03-08
  • HTML實現移動端固定懸浮半透明搜索框

    HTML實現移動端固定懸浮半透明搜索框

    Question. 問題在移動端商城系統中,我們常常看到位於頁面頂部有一個搜索框,這類搜索框博主比較喜歡的是固定在頁面頂部,半透明懸浮,能依稀看見部分輪播圖的形式。要製作這樣的搜索框,技術關鍵在於:fixed 搜索框定位opacity 設置
    2025-03-08
  • html5超簡單的localStorage實現記住密碼的功能實現

    html5超簡單的localStorage實現記住密碼的功能實現

    HTML5 提供了兩種在客戶端存儲數據的新方法:localStorage - 沒有時間限制的數據存儲sessionStorage - 針對一個session 的數據存儲之前,這些都是由cookie 完成的。但是cookie 不適合大量
    2025-03-07
  • html是什麼文件html文件如何打開

    html是什麼文件html文件如何打開

    html即超文本標記語言,現在大多網頁都是html的格式。而所謂的html文件,其實就是一種超文本文件,其中超文本可以是圖片或音樂等非文字元素,使用也是很廣泛的。不過有很多用戶都不太明白html到底是什麼文件?而且也不清楚html文件要怎樣
    2025-03-07
  • 網頁加載進度條詳解(推薦)

    網頁加載進度條詳解(推薦)

    ( 網頁加載時,有時內容過多,一直加載等待,而此時網頁顯示白色不顯示任何的東西,給用戶的體驗相當不好,所以,一般會在網頁加載成功前,會以html">進度條的形式,給用戶進行展示。讓用戶可以看到動畫,知道網頁正在加載中)常見的方式有以下:1.
    2025-03-07
  • 實用HTML檔案的增強標記

    實用HTML檔案的增強標記

    近年來,超文本標識語言(HTML)得到了迅速拓展。為滿足更多的需要,它增加了許多擴充功能。設計新穎、吸引人的網頁已經越來越依賴java applet(小程式)、內嵌腳本、圖文框、外掛程式和其它擴充的HTML功能。這些擴充的HTML功能不僅可以對
    2025-03-06
  • 利用Canvas模仿百度貼吧客戶端loading小球的方法示例

    利用Canvas模仿百度貼吧客戶端loading小球的方法示例

    前言最近看到兩個好玩的demo,效果圖如下:今天趁著周末有空,用H5 的Canvas 仿了一下。這篇文章只實現第一個效果圖。這是我實現的效果:實現原理實現原理是參考簡書的那篇文章,這裡不再复述。現在我們來一步一步實現這樣的效果。第零步
    2025-03-06
  • a標籤下載鏈接的簡單實現

    a標籤下載鏈接的簡單實現

    只需把href路徑指向文件路徑,注意HTML5新增download屬性能讓我們指定瀏覽器下載時採用新的文件名稱,也就是在客戶端重命名下載文件。而不是鏈接上原始的文件名稱,同時download名稱的後綴可以改變,比如.zip可以變為.text
    2025-03-06
  • HTML5拍照與攝影機功能實戰詳解

    HTML5拍照與攝影機功能實戰詳解

    開篇最近在做一個chrome app的雲端相機應用,應用程式包括拍照、攝影、保存照片影片、上傳檔案等等核心功能,其中涉及到很多HTML5對媒體串流相關的API。寫這篇文章的目的,其一是總結梳理知識點,最重要是希望對有相關需求的讀者提供一些指導。註:
    2025-03-06
  • 基於HTML5實現類似微信手機搖一搖功能(計算搖動次數)

    基於HTML5實現類似微信手機搖一搖功能(計算搖動次數)

    1、 deviceOrientation:封裝了方向傳感器數據的事件,可以獲取手機靜止狀態下的方向數據,例如手機所處角度、方位、朝向等。 2、 deviceMotion:封裝了運動傳感器數據的事件,可以獲取手機運動狀態下的運動加速度等數據。不
    2025-03-06