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

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

在計算機網(wǎng)絡(luò)和軟件開發(fā)領(lǐng)域，localhost和127.0.0.1是兩個經(jīng)常遇到的概念，它們雖然經(jīng)常互換使用，但實際上在技術(shù)和功能上存在著一些關(guān)鍵的區(qū)別。本文旨在深入探討這兩個概念的本質(zhì)及其在實際應(yīng)用中的差異。localhost的定義與特點localhost，也被稱為local，是一個域名，用于指代“本地主機”或“這臺...

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

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

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

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

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

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

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

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

HTTP請求HTTP全稱為HyperTextTransferProtocol，超文本傳輸協(xié)議。還記得HTML的全稱嗎，它是超文本標記語言。HTTP的存在是為了保證客戶端和服務(wù)器之間的通信。HTTP的工作方式是它們之間的請求-應(yīng)答協(xié)議?？梢院唵蔚睦斫鉃閮蓚€人之間的溝通，要有來有回，這是客戶端就是一直主動的那個，所有的請求...

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

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

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

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

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

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

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

使用列表可以將相關(guān)的內(nèi)容分組呈現(xiàn)。列表標簽列表元素有以下標簽。標稱英文描述＜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...

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

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

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

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