[心得] Windows記事本設定Title標籤於IE瀏覽
【HTML+CSS】Windows記事本就可以設計簡單網頁了,簡單設定Title標籤於IE上瀏覽
網誌圖文版:
https://www.b88104069.com/archives/4606
HTML英文為HyperText Markup Language,是目前瀏覽網頁的標準標記語言。本文介紹於
Windows記事本輸入Title網頁標籤,另存為html檔案,以IE瀏覽器開啟,藉此瞭解HTML標
籤寫法及作用。
一、記事本文字
在Windows記事本中輸入「你好,贊贊!」。
二、IE開啟記事本
記事本的副檔名預設為「txt」,滑鼠右鍵「開啟檔案」可以選擇的應用程序中,除了理
所當所的「WordPad」和「記事本」,還有「Internet Explorer」。
三、瀏覽txt文字檔
IE開啟之後,只是用和記事本相同方式呈現文字檔內容。
四、<Title>贊贊小屋</Title>
輸入第一行HTML程式碼:「<Title>贊贊小屋</Title>」。
HTML英文為HyperText Markup Language,是目前瀏覽網頁的標準標記語言,主要型態為
「<元素>(開始標籤)+ 內容+</元素>(結束標籤)」,這裡便是利用「Title」元素將
贊贊小屋標記為網頁文件標題。
透過這個簡單範例,讀者應該知道HTML裡的Markup意思了。不過如同上個步驟所述,IE是
以文字檔案模式開啟txt檔案,所以這裡的標記沒有發揮任何作用。
五、另存記事本
將記事本上方工具列的「檔案」下拉,選擇「另存為」。
六、html副檔名
在「另存新檔」視窗中,先將「存檔類型」改為「所有檔案(* .* )」,「檔案名稱」手
動在後面加上「.html」副檔名。
七、Google Chrome可開啟檔案類型
不改變檔案內容,只是單純改變副檔名,再次滑鼠右鍵,除了原有的IE之外,Google
Chrome和Microsoft Edge這些瀏覽器都可以開啟這個檔案了。
八、Title標記作用
就算同樣以IE開啟,也可以明顯的看到Title標記對於瀏覽器的作用,從結果而言,瀏覽
器是以HTML語言理解並翻譯為網頁呈現。
希望和Excel相同模式的程式文章分享
這一篇文章幾乎沒有什麼網頁設計的技術含量,講的是很簡單基礎的東西。它的用意在於
贊贊小屋有時間會開始寫HTML和CSS相關的網頁設計分享,而且儘量以Excel相同方式進行
,範例具有可練習性,一篇文章或數篇文章是一個小小範例,敬請期待。
--
moodyblues是一個搖滾樂團
該樂團並不憂鬱 我個人也不憂鬱
猜想該樂團當初取名moodyblues和我一樣
只是單純的歷史偶發事件 請勿望文生義呀呀呀
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 211.20.255.103 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1597872707.A.E8E.html
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章