網頁程式設計入門網頁設計程式語言網頁開發工具網頁程式碼自學寫網頁

記事本寫網頁程式碼： HTML<Title>瀏覽器標題設計範例

文章推薦指數： 80 %
投票人數：10人

輸入第一行HTML程式碼：「

贊贊小屋」。

HTML英文為HyperText Markup Language，是目前瀏覽網頁的標準標記語言，主要型態為「（開始 ... 記事本寫網頁程式碼：HTML瀏覽器標題設計範例 2020-08-19 HTML 361次瀏覽 目錄 一、記事本輸入文字二、IE開啟記事本三、瀏覽txt文字檔四、HTML程式碼五、記事本另存檔案六、HTML副檔名七、瀏覽器檔案類型八、Title標記作用贊贊小屋HTML&CSS HTML英文為HyperTextMarkupLanguage，是目前瀏覽網頁的標準標記語言。<br><br>本文介紹於Windows記事本輸入Title網頁標籤，另存為html檔案，以IE瀏覽器開啟，藉此瞭解HTML標籤寫法及作用。<br><br> 一、記事本輸入文字 在Windows記事本中輸入「你好，贊贊！」。<br><br> 二、IE開啟記事本 記事本的副檔名預設為「txt」，滑鼠右鍵「開啟檔案」可以選擇的應用程序中，除了理所當所的「WordPad」和「記事本」，還有「InternetExplorer」。<br><br> 三、瀏覽txt文字檔 IE開啟之後，只是用和記事本相同方式呈現文字檔內容。<br><br> 四、HTML程式碼 輸入第一行HTML程式碼：「<title>贊贊小屋」。

HTML英文為HyperTextMarkupLanguage，是目前瀏覽網頁的標準標記語言，主要型態為「（開始標籤）+內容+元素>（結束標籤）」，這裡便是利用「Title」元素將贊贊小屋標記為網頁文件標題。

透過這個簡單範例，讀者應該知道HTML裡的Markup意思了。

不過如同上個步驟所述，IE是以文字檔案模式開啟txt檔案，所以這裡的標記沒有發揮任何作用。

五、記事本另存檔案 將記事本上方工具列的「檔案」下拉，選擇「另存為」。

六、HTML副檔名 在「另存新檔」視窗中，先將「存檔類型」改為「所有檔案(*.*)」，並且在「檔案名稱」手動在後面加上「html」副檔名。

七、瀏覽器檔案類型 不改變檔案內容，只是單純改變副檔名，再次滑鼠右鍵，除了原有的IE之外，GoogleChrome和MicrosoftEdge這些瀏覽器都可以開啟這個檔案了。

八、Title標記作用 就算同樣以IE開啟，也可以明顯的看到Title標記對於瀏覽器的作用，從結果而言，瀏覽器是以HTML語言理解並翻譯為網頁呈現。

贊贊小屋HTML&CSS 這一篇文章幾乎沒有什麼網頁設計的技術含量，講的是很簡單基礎的東西。

它的用意在於贊贊小屋有時間會開始寫HTML和CSS相關的網頁設計分享，而且儘量以Excel相同方式進行，範例力求具有可操作，每篇文章也都希望能案例來做分享，敬請期待。

延伸閱讀： html網頁語法：、、、的意思及註解 HTML換行測試：h1到h6不同大小設定的文字標題 搜尋 最新文章 VBA取消刪除工作表的提醒，爬蟲取得網頁超連結 2022-04-07 VBA爬蟲取得網頁超連結，工作表重複自動偵錯 2022-03-27 APPInventor音樂播放器：響應式手機App操作介面設計 2022-03-20 WordPress文章編輯：利用自訂HTML區塊快速複製其他區塊 2022-03-18 營業稅線上申報教學：401申報書實務與PDF電子檔 2022-03-17 文章分類 Excel 程式 SEO 電影 人生 小說 職場 藝術 VBA Office 投資 音樂 分享 法律 美食 旅遊 所有文章分類 登入 記住我 忘記密碼？ 建立新帳號 成為講師 關於贊贊老師 與我聯絡 YouTube 部落格 所有課程 選單 成為講師 關於贊贊老師 與我聯絡 YouTube 部落格 所有課程 客服信箱：[email protected] 客服LineID：b88104069 關閉 插入/編輯連結 關閉 請輸入目標網址 網址 連結文字 在新分頁中開啟連結 或連結到現有的內容 搜尋 尚未指定搜尋詞彙。

以下顯示最近發佈的項目。

搜尋或使用向上/向下鍵以選取項目。

取消

請為這篇文章評分？

延伸文章資訊