溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發(fā)布時間:2022-02-24 10:49:02 來源:億速云 閱讀:520 作者:小新 欄目:web開發(fā)

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

一、桌面新建一記事本(.txt)文檔

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

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

新建后截圖

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

這里需求表示文件擴張名,以便修改文檔裁減名。

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

1、翻開新建記事本文檔

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

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

進入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標題問題

如何使用記事本新建一個html網(wǎng)頁 將網(wǎng)頁問題標簽模式修改成“我的第一個記事本新建網(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="關鍵字" />  

  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”擴大名批改成“.html”

假設不能望見擴大名,須要設置裝備擺設顯示擴充名。

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

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

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

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

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

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

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

以上是“如何使用記事本新建一個html網(wǎng)頁”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。

AI