網頁通知如今已成為電商、社交平臺等網站的常見功能，它們不僅傳遞重要信息，還能提升用戶體驗。隨著設計的不斷進化，通知界面已不再是單純的功能展示，而是集視覺效果與交互體驗于一體的設計元素。本文整理了8款基于CSS和JavaScript的創意通知界面，帶你探索通知UI的無限可能。霓虹燈風格的通知系統這款通知UI特別適合深色模...

本文將詳細介紹如何使用C#在SQLite數據庫中執行SELECT操作。SELECT操作是數據庫查詢中最常用和最重要的操作，用于從數據庫中檢索數據。準備工作首先，確保你的項目中已安裝System.Data.SQLiteNuGet包。在你的C#文件頂部添加以下using語句：usingSystem;usingSystem....

在計算機網絡和軟件開發領域，localhost和127.0.0.1是兩個經常遇到的概念，它們雖然經常互換使用，但實際上在技術和功能上存在著一些關鍵的區別。本文旨在深入探討這兩個概念的本質及其在實際應用中的差異。localhost的定義與特點localhost，也被稱為local，是一個域名，用于指代“本地主機”或“這臺...

接前一篇微博首頁實例，這次來實現登錄頁面。這也是此HTML教程的最后一篇計劃內文章。要實現什么還是先來看看要實現什么。我們把要實現的部分，按左右分成兩個區域。左側是二維碼的顯示，通過掃描二維碼，可以直接登錄。這也是目前很多有手機APP的應用比較常見的快捷登錄方式。右側則是常規的登錄區域，咱們只實現使用用戶名密碼登錄這一...

接前一部分完成微博首頁的布局1實現，今天完成首頁正文的顯示。要實現什么同樣的，把實現分成三個部分：第一行個人信息第二行正文第三行統計信息先看一下實現的效果：?可能從樣式上來看，會有細微差別。目前咱們看的是HTML部分實現，樣式部分暫時不要求一模一樣。第一行個人信息個人信息部分，有頭像，名稱，還有時間信息。表示這一篇是誰...

接前一篇文實現微博首頁實例，今天來動手實現首頁的第一個部分。要實現什么今天要實現的是上圖中框起來的部分，以及點擊最右邊圖標內容展開為如下圖的部分。先看一眼最終的成品效果：基本上是做到效果類似吧，下面來拆解一下實現步驟。我們把實現分成三步：實現第一行的logo和搜索框實現第二行的菜單實現第三行的菜單展開區域第一行的log...

嘗試實現一下微博的首頁和登錄頁面，使用我們前面學過的知識進行一次實踐。要實現什么微博首頁展示在電腦上打開微博的頁面，能看到如下顯示。這個頁面，我們把它簡化為兩塊內容，即上面標注的1和2。而且很容易看到下面的內容，比如3，其實是2的重復。對于1的內容，它又分成了兩塊：logo加搜索框菜單鏈接對于這一部分的實現，使用的知識...

GeolocationGeolocation是geographylocation的簡稱，就是常說的地理位置。HTML5引用了地理位置API，但大家回憶一下自己使用一個站點的經歷，應該會有印象，網站會有詢問信息，問是否允許使用。地理位置信息屬于用戶的隱私，未經同意是不可以使用的。使用HTML5提供的地理位置信息API，主...

這一節主要講兩個標簽canvas和img。canvas由HTML5引入，用于圖形繪制，而img標簽則用于在網頁上顯示一個已經存在的圖片。畫布(canvas)canvas標簽只是圖形容器，顯示在其中的圖形則需要使用腳本來繪制。下面通過一系列的例子來說明canvas具備的繪制能力。創建一個畫布＜canvasid=canva...

事件(Event)網頁上的事件，是指當用戶在網頁上做某個操作時，這個操作被瀏覽器捕獲，被捕獲的操作，即為事件。事件有很多種，不同的HTML控件（標簽）有不同的事件。捕獲事件，是為了基于用戶的操作提供更多的交互，或者說，事件為HTML提供了更多的功能擴展，讓網頁能提供更為豐富的功能。目前我們說的事件，是已經定義好的事件。...

通常在網頁中看到的多媒體有聲音，音樂，視頻，電影和動畫；可以看到基本就是音頻和視頻兩大類。多媒體格式來了解一下常用的音頻和視頻格式，以及HMLT5支持的格式。常見視頻格式MPEG：.mpg,.mpeg，在網站上最流行的視頻格式，如今HTML不再支持。AVI:.avi，AudioVideoInterleav。微軟開發，在...

HTTP請求HTTP全稱為HyperTextTransferProtocol，超文本傳輸協議。還記得HTML的全稱嗎，它是超文本標記語言。HTTP的存在是為了保證客戶端和服務器之間的通信。HTTP的工作方式是它們之間的請求-應答協議。可以簡單的理解為兩個人之間的溝通，要有來有回，這是客戶端就是一直主動的那個，所有的請求...

表單用于收集用戶輸入的信息，它通過使用交互式控件，將收集到的信息從客戶端(client)，也就是運行在電腦上的瀏覽器(Browser)，發送到服務器端(server)。這也是常說的，網站是B/S架構的程序，這里的B就是browser,S則代表了Server。與之相對的另一種架構，被稱為C/S架構，這里的C就是代表Cli...

伴隨著HTML的發展，頁面布局大體上經歷了table布局，div布局，HTML5語義元素布局三個階段，如今使用table布局很少，table的使用更多回到了它本身代表的意義，呈現數據。而且布局通常要深度使用CSS，這里只是介紹典型的div布局，以及目前用來布局的元素。使用div的基本布局先來看個示例。＜divid=co...

框架元素iframe是一個inline-block元素。還記得inline-block元素的特點嗎？如果不記得去復習一下區塊元素。介紹通過框架元素，我們可以在一個瀏覽器窗口顯示多個頁面。簡單來說，就是把另一個頁面嵌入到當前頁面。比如說在a.html頁面顯示，嵌入b.html頁面。這里的b.html頁面，可以是自己網站的...

大多數HTML元素被定義成塊級元素(block)、內聯元素(inline)以及內聯塊級元素(inline-block)。這些不同元素的定義，用于頁面內容的設計呈現。通過我們以元素div和span作為例子，來講述塊級元素(div)和內聯元素(span)。塊級元素(block)塊級元素在瀏覽器呈現時，以新行來開始結束。簡單...

前面在表述顏色的時候，已經用過表格了。日常生活中表格的使用隨處可見，HTML里面的表格，和日常使用的基本概念思路一致。表格標簽表格標簽是table，但它自己沒有辦法完整表達表格，還需要表示行、列的標簽，以及其它輔助標簽。標簽描述table定義表格caption定義表格標題tr定義表格的行thead定義表格的頭內容th定...

前面說過HTML是超文本標記語言，到目前為止，還沒有涉及至超文本內容，這一節就來講講能體現超文本的圖片和超鏈接。圖片元素圖片元素用于在網頁中顯示圖片，使用＜img＞實現。img屬性img是空標簽，它有如下屬性：img的屬性描述src圖片的地址alt圖片替換文字描述width圖片的寬度height圖片的高度src中的圖片...

前面講過了樣式，這一節講一些常用的樣式，也就是HTML預先定義的樣式，使用時更直接方便。根據這些預定義樣式的使用場景，把它分成文本格式化，計算機代碼和引用三大類。除此之外，HTML和CSS里定義了一些顏色名稱。文本格式化文本格式化的標簽并不復雜，如果用過一些排版工具如Word,WPS，就對以下的名詞不陌生。標簽標簽英文...

使用列表可以將相關的內容分組呈現。列表標簽列表元素有以下標簽。標稱英文描述＜ol＞orderedlist有序列表＜ul＞unorderedlist無序列表＜li＞listitem定義列表項＜dl＞descriptionlist定義列表＜dt＞descriptionterm自定義列表項目＜dd＞describedescr...

標題和段落，是兩個獨立的元素，只所以放在一起介紹，是因為它們是用于文字排版。標題標題(Headings)通過＜h1＞到＜h6＞元素來定義。h1定義最大標題，h6定義最小標題。＜h1＞這是h1標題＜/h1＞＜h2＞這是h2標題＜/h2＞＜h3＞這是h3標題＜/h3＞＜h4＞這是h4標題＜/h4＞＜h5＞這是h5標題＜/h...

樣式前一節里，在講head元素時，提到style和link元素。在HTML屬性里也提到style屬性。這些都和樣式有關。樣式是什么呢？還記得HTML是超文本標識語言吧。既然是超文本，那么顯示內容比文本豐富就是自然的。這里的豐富體現在樣式上。比如說，style屬性為元素添加樣式，可以改變元素的顏色（color），字體（f...

HTML頁面構成還記得咱們前面運行的HelloWorld頁面代碼嗎？咱們一起來看看它的結構。＜!DOCTYPEhtml＞＜htmllang=en＞＜head＞＜metacharset=UTF-8/＞＜metaname=viewportcontent=width=device-width,initial-scale=1....

HTML21天入門 HTML超簡單入門教程，每天進步一點點，21天習得一項新技能。 1、HTML21天入門：前言2、HTML21天入門：入門準備3、HTML21天入門：初識HTML4、HTML21天入門：樣式與樣式表5、HTML21天入門：標題段落6、HTML21天入門：列表7、HTML21天入門：文本格式...

HTML基本介紹什么是HTMLHTML全稱為HyperTextMarkupLanguage，翻譯過來就是超文本標記語言。這個名稱拆開來看，分成超文本和標記語言兩部分。標記語言，說明它并不是一門編程語言。而超文本，從字面意思來理解，是超越文本的意思。文字，寫在紙上成書，展示在電腦里稱為文本。超文本，指比文字更豐富的表達形...