PHP echo html 的技巧

PHP echo html 的技巧其實非常簡單,既然是用到 PHP echo 結構式,那就除了可以單純的 echo html 之外,還可以 echoPHP變數值,最基本的 PHP 動態網頁設計,常常會使用到 PHP echo html 的技巧,進階一點開始走樣板化設計,才比較少直接用 echo html 的處理方式,本篇內容著重於基本的 PHP echo html 技巧,讓各位讀者朋友在學習進階樣板化設計之前,能迅速上手基礎 PHP 設計。

PHP echo html 實作範例一、基本 HTML 標籤
<?php
echo '<meta http-equiv="Content-Type" content="text/html; charset=utf-8">'; //網頁編碼宣告  
echo '這裡是字串<br>';
echo '<a href="#">這裡是超連結</a><br>';
echo '<b>這裡是粗體字</b><br>';
echo "<input type='text' value='文字輸入欄位'><br>";
echo "<input type='button' value='這是按鈕'>";
?>
範例輸出結果
這裡是字串
這裡是超連結
這裡是粗體字

範例一是個入門的 echo html 技巧,第一行 echo 出的是網頁 meta 標籤,用來宣告網頁編碼,以利後續的 echo 繁體中文能夠順利呈現,接著就是一連串 HTML 的文字或標籤,例如超連結、粗體字、HTML input text 文字輸入欄位HTML button 按鈕都可以很輕易的透過 echo 輸出到螢幕上,不過要注意的是,當 HTML 標籤內有引號時,最外層要使用雙引號,避開內部的單引號,以免瀏覽器判斷錯誤。

PHP echo html 實作範例二、透過字串連結運算子輸出多變數字串
<?php
echo '<meta http-equiv="Content-Type" content="text/html; charset=utf-8">'; //網頁編碼宣告  
$string1='<b>';
$string2='</b>';
$string3='這裡是粗體字';
$string4='這裡是正常字體';
echo $string4.$string1.$string3.$string2.$string4;
?>
範例輸出結果
這裡是正常字體這裡是粗體字這裡是正常字體
範例二要呈現的是如何透過 PHP 內建的字串連接運算符,把不同的字串內容串聯為一個新的字串,再用 echo 以輸出字串或 HTML 的方式,將新字串輸出到網頁上,這樣的技巧也常常應用於多變數須組合的情況。所謂的字串連結運算符就是半形的點(.)。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012 Englsih version
PHP Smarty MySQL JQuery Apache W3C