WEBTECH 網頁設計教學站
HTML span 標籤是一個非常古老卻非常好用的標籤,透過 span 標籤可以讓我們輕易的修改網頁中的各種小區塊,例如替文章中的特定文字做出特效,包含修改文字顏色、修改文字大小、替文字增加底線、修改文字的字型、把文字變粗 ... 等,都可以透過 HTML span 標籤把特定文 ...... 詳細閱讀
HTML DIV 區塊內的文字字型是可以變更的,預設的情況下,如果沒有在 DIV 父層設定任何的文字字型,那 DIV 內的文字就會根據瀏覽器的預設字型來顯示,例如新細明體、標楷體或者是微軟正黑體這些 Windows 系列的字型,如果使用的是 Apple 的 iOS 系統顯示字型又 ...... 詳細閱讀
HTML DIV 區塊除了可以用來排板之外,當然還可以用來美化,只要透過簡單的 CSS 樣式設定就能輕鬆變化出許多好看風格的 DIV 區塊,今天我們要來介紹如何替 HTML DIV 增加背景顏色,在這裡我們會使用到的是 CSS 的 background-color 屬性,這個屬性 ...... 詳細閱讀
HTML DIV 標籤用法從以前僅用來標示一個網頁區塊到現在直接用來做網頁排版,這都是因為 CSS 技術的進步與普即所至,如果要靈活運用 HTML DIV 標籤就要從最基本的語法開始學習,這樣才知道如何在 DIV 標籤內加入樣式設計,熟悉 DIV 區塊的用法之後,幾乎可以大幅度的 ...... 詳細閱讀
PHP stripslashes 函數的功能是用來去除字串中多餘的反斜線(\),兩種情況會需要用到 PHP stripslashes 函數,第一種是用來過濾網頁上的資料,例如給網友輸入的內容,第二種情況是用來還原 addslashes 函數處理過的字串,例如一筆資料存入資料庫之前 ...... 詳細閱讀
PHP strip_tags 函數的功能是用來消除 PHP 或 HTML 標籤,舉凡 HTML 的各種標籤如 tag、 tag、 tag、font> tag ... 或是 PHP 的 tags、註解內容 ... 等,都可以用 strip_tags 函數清除,相當的好用而且效率也 ...... 詳細閱讀
PHP addslashes 函數的功能是替字串的特殊字符增加反斜線效果,會有這樣的需求主要在於部份的特殊符號會造成資料庫的錯誤或資料被竊取,所謂的 sql injection 這種攻擊手法就會用一些特殊符號來偷撈資料,所以一般會用 PHP addslashes 函數來協助避免, ...... 詳細閱讀
PHP htmlspecialchars_decode 函數功能可以把 HTML 實體符號轉換回原本的 HTML 符號,例如 < 用 htmlspecialchars_decode 函數可以轉換回 符號,htmlspecialchars_decode 函數對應的是 htm ...... 詳細閱讀
PHP htmlspecialchars 函數的功能是用來轉換 HTML 特殊符號為僅能顯示用的編碼,舉例來說,HTML 的大於(>)小於(PHP htmlspecialchars 函數的語法string htmlspecialchars( $string , $quote_fl ...... 詳細閱讀
PHP info 函數是 PHP 設計師用來了解系統上PHP大量資訊的重要函數,舉凡 PHP 的版本(PHP version)、擴展伺(extensions)、服器訊息(server information)、伺服器環境(environment)設定作業系統版本資訊(OS ver ...... 詳細閱讀
PHP 字串就是 PHP string,字串就是我們眼睛所看到的那些文字與符號,PHP 雖然是 Server Side Script,不過就如同大部份程式語言一樣,PHP 也有字串處理的能力,而且還經常使用呢!PHP 字串的功能可以用來顯示或運算,通常可以直接放在變數中,我們這篇 ...... 詳細閱讀
PHP echo html 程式碼可以分為兩個角度來討論,第一個角度是用 PHP 將 HTML 的程式碼輸出到網頁上給網友看,第二個角度則是將 HTML 的程式碼輸出給瀏覽器運作,例如 echo 出換行效果、echo 出不同的文字顏色效果,這兩種 echo HTML 程式碼的做法 ...... 詳細閱讀
在介紹 PHP echo 輸出 HTML 換行符號的技巧之前,要先考慮的是輸出的換行符號是要用來"看"還是用來"換行",這兩者的意義不一樣唷!如果是要"看"到換行符號,就需要使用 PHP 的跳脫字元,如果是要讓文章或段落能夠有換行效果,就不需要使用跳多字元,我們這裡所謂的 HTM ...... 詳細閱讀
PHP echo 雙引號或單引號的方法可不是單純的 echo 出字串這麼簡單唷!原因是 echo 屬於語言結構(language construct),在使用的時候允許 PHP 設技師採用單引號('')或雙引號("")將要輸出的內容包裝起來,如果我們要 echo 出單引號或雙引號 ...... 詳細閱讀
我們可以使用 css display:inline 屬性來將一些網頁元素設計成水平排列,這種技巧廣泛運用在多數的網頁設計中,例如讓兩個或多個 DIV 區塊水平排列,不過 display inline 的特性會讓排列完的區塊被後面的其它元素所以覆蓋,所以我們還必須額外增加一個 cl ...... 詳細閱讀
HTML ol li 項目清單提供了項目開頭數字自動排序的功能,也就是說,當我們有很多個項目要條列為清單,同時又希望每個項目前面有數字排序,從1開始接著是 2, 3, 4 類推,就可以使用 HTML ol li 項目清單,不過光是有數字排序還不夠好用,有的時候我們會希望每個項目或 ...... 詳細閱讀
HTML ul li 項目清單可以讓我們清楚的條列出各式各樣的清單內容,不過單純的條列清單內容是乎不是這麼實用,有的時候我們會需要讓這些條列式的清單內容變成超連結的形式,讓我們的讀者可以選擇他們想看的內容繼續看下去,要如何設計具有超連結效果的 HTML ul li 項目清單呢?其 ...... 詳細閱讀
許多人都在問要如何利用 CSS 設計 ul li 橫向水平顯示?其實這不算是個很困難的技術,CSS 本身就有幾個屬性可以做出這種效果,包含 float 與 display 的屬性,float 就是浮動效果,而 display 則是控制顯示的屬性,這兩種屬性可以做出 ul li 橫 ...... 詳細閱讀
HTML ol li 列表清單是一種數字編號項目清單,它的特色是每個項目前方會有阿拉伯數字自動排序,用法與 HTML 的 ul li 標籤完全一樣,只有呈現的結果不同,如果你要在網頁內容或文章中使用具有數字自動排序的項目清單,HTML ol li 標籤就可以滿足。HTML ol ...... 詳細閱讀
HTML ul li 中文常稱為列表清單、項目清單或項目標籤,它的作用是在文章中利用列表的方式把資料比較清楚的呈現,常見的 HTML 項目標籤有兩種,分別是 ul li 與 ol li 這兩種,今天介紹的 ul li 項目標籤是沒有排序的清單,架構像這樣子。HTML ul li ...... 詳細閱讀

連絡我們