html網頁語法教學

所有文章

如何簡單在內的網頁連結,可以另開新視窗的方法

如何簡單在內的網頁連結,可以另開新視窗的方法

申請和啟用 Gmail API 的 OAuth 2.0 憑證方法

申請和啟用 Gmail API 的 OAuth 2.0 憑證方法

當我們想要使用免費又好用的寄信伺服器,很多人會使用gmail來操作。

那網站要如何和gmail做結合,那就申請gmail API

申請網址

到主頁https://console.cloud.google.com/

建立專案

messageImage 1593051744453

messageImage 1593051762521

messageImage 1593051858033

搜尋gmail API

gmail 1

gmail 2

gmail 3gmail 4

建立憑證

網頁要如何 rwd 語法Responsive Web Design 自適應網站

網頁要如何 rwd 語法Responsive Web Design 自適應網站

很簡單,需要在網頁的<head></head>

裡面增加,這段語法

rwd-html代碼語法


  1. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">  

 告訴不同裝置、不同尺寸,有不同的語法

在增加這段代碼,讓圖片適應網頁尺寸

圖片自動適應寬度代碼


  1. img {   
  2. heightauto;   
  3. max-width: 100%;   
  4. }  
PHP按下連結時單擊計數器,保存到txt

PHP按下連結時單擊計數器,保存到txt

如果你想增加一個計數器,該計數器在每次點擊連結時進行計數。 而不想使用資料庫,計數會保存到txt,只有一個連結說“單擊此處”,並且在連結旁邊顯示一個計數器,該計數器從0開始,每次單擊該連結時都會計數。並且其他用戶點擊的時候可以累計,就像youtube的點觀看計數懶功能。

建立php,譬如test.php,放入以下代碼執行,謝謝。

 
  1. <?php   
  2. if(!file_exists('counter.txt')){   
  3.   file_put_contents('counter.txt', '0');   
  4. }   
  5. if($_GET['click'] == 'yes'){   
  6.   file_put_contents('counter.txt', ((int) file_get_contents('counter.txt')) + 1);   
  7.   header('Location: ' . $_SERVER['SCRIPT_NAME']);   
  8.   die;   
  9. }   
  10. ?>   
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  12.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  13. <html xmlns="http://www.w3.org/1999/xhtml">   
  14. <head>   
  15.   <title>counter example</title>   
  16. </head>   
  17. <body>   
  18.   <h1><?php echo file_get_contents('counter.txt'); ?></h1>   
  19.   <a href="?click=yes">clickMe</a>   
  20. </body>   
  21. </html>  

聯繫我們

請輸入您的全名。
無效的電子信箱。
請輸入主題
請輸入消息
Invalid Input
Invalid Input