如何使用記事本新建一個html網(wǎng)頁

這篇文章主要為大家展示了“如何使用記事本新建一個html網(wǎng)頁”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“如何使用記事本新建一個html網(wǎng)頁”這篇文章吧。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的豐城網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

一、桌面新建一記事本（.txt）文檔

在桌面空缺處右鍵鼠標(biāo)，在彈出窗口當(dāng)決議“新建”再到彈出二級菜單入決議“文本文檔”，即可完成新建記事本文檔文件。

如何使用記事本新建一個html網(wǎng)頁
新建文本文檔截圖

新建后截圖

如何使用記事本新建一個html網(wǎng)頁
新建文本文檔截圖

這里需求表示文件擴(kuò)張名，以便修改文檔裁減名。

二、打開新建記事本，依據(jù)html組織輸出html代碼

1、翻開新建記事本文檔

如何使用記事本新建一個html網(wǎng)頁
鼠標(biāo)翻開新建文本文檔 雙擊翻開方才新建文檔

2、手動輸出html代碼
要想網(wǎng)頁瀏覽器粗略顯示，需求按照html網(wǎng)頁布局，輸出html源代碼。這里一個捷徑，我們直接拷貝規(guī)范的最基本的html布局代碼（進(jìn)入 html構(gòu)造 拷貝粘貼到適才翻開文檔中）

進(jìn)入html網(wǎng)頁組織拷貝這段殘缺代碼粘貼于新建的文本文檔中生計。

html底子源代碼如下：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  3. <html xmlns="http://www.w3.org/1999/xhtml">  

  4. <head>  

  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  

  6. <title>問題一部分-css5.com.cn</title>  

  7. <meta name="keywords" content="環(huán)節(jié)字" />  

  8. <meta name="description" content="本頁刻劃或癥結(jié)字形貌" />  

  9. </head>  

  10. <body>  

  11. 內(nèi)容  

  12. </body>  

  13. </html> 

如何使用記事本新建一個html網(wǎng)頁 直接拷入html代碼（拷貝靡費時間也不容易出錯）

三、批改完竣

1、修改html title標(biāo)題問題

如何使用記事本新建一個html網(wǎng)頁 將網(wǎng)頁問題標(biāo)簽?zāi)Ｊ叫薷某伞拔业牡谝粋€記事本新建網(wǎng)頁”

如何使用記事本新建一個html網(wǎng)頁 修改問題title內(nèi)容后截圖

2、批改body形式 我們緊要瀏覽器中浮現(xiàn)模式，就輸入到<body></body>之間。

在<body></body>之間寫入“Hello CSS5 我的第一個網(wǎng)頁”

如何使用記事本新建一個html網(wǎng)頁 html body模式修正填寫

著末新建記事本文檔內(nèi)代碼以下：

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

  2. <html xmlns="http://www.w3.org/1999/xhtml">  

  3. <head>  

  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  

  5. <title>我的第一個記事本新建網(wǎng)頁</title>  

  6. <meta name="keywords" content="關(guān)鍵字" />  

  7. <meta name="description" content="本頁描寫或環(huán)節(jié)字刻劃" />  

  8. </head>  

  9. <body>  

  10. Hello CSS5 我的第一個網(wǎng)頁 

  11. </body>  

  12. </html> 

3、生計文檔并開啟文檔 留存文檔（極快鍵Ctrl+s）,并封閉文檔便可

四、將記事本文檔變?yōu)閔tml超文本

咱們將“新建文本文檔.txt”改為“CSS5.html”，除了重定名文檔稱呼為“CSS5”，將“.txt”擴(kuò)大名批改成“.html”

假設(shè)不能望見擴(kuò)大名，須要設(shè)置裝備擺設(shè)顯示擴(kuò)充名。

在批改時辰由于批改了擴(kuò)展名，修改會提示能否要改變文件擴(kuò)張名，點擊“是”注定。

如何使用記事本新建一個html網(wǎng)頁 改版裁減名確認(rèn)提醒窗口

如何使用記事本新建一個html網(wǎng)頁 釀成html超文本截圖

以上即是運用記事本新建一個容易html超文本網(wǎng)頁。

咱們在涉獵器掀開“CSS5.html”看看功效。

如何使用記事本新建一個html網(wǎng)頁 

涉獵器翻開新建html超文本網(wǎng)頁和記事本翻開代碼比較圖

以上是“如何使用記事本新建一個html網(wǎng)頁”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站標(biāo)題：如何使用記事本新建一個html網(wǎng)頁
網(wǎng)站地址：http://muchs.cn/article10/ihcjdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、外貿(mào)建站、網(wǎng)頁設(shè)計公司、虛擬主機、網(wǎng)站設(shè)計公司、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名