溫馨提示×

溫馨提示×

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

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

怎么用記事本創(chuàng)建html超文本網(wǎng)頁

發(fā)布時間:2022-01-24 09:55:55 來源:億速云 閱讀:401 作者:iii 欄目:web開發(fā)

這篇文章主要講解了“怎么用記事本創(chuàng)建html超文本網(wǎng)頁”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“怎么用記事本創(chuàng)建html超文本網(wǎng)頁”吧!

使用記事本新建一個html網(wǎng)頁超文本新建實例

我們在桌面使用系統(tǒng)自帶記事本新建一個簡單的html網(wǎng)頁,命名為億速云.html的網(wǎng)頁文件,并瀏覽器打開測試新建html網(wǎng)頁(擴展知識:dw軟件新建html網(wǎng)頁)。

具體使用記事本新建html網(wǎng)頁步驟方法如下

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

在桌面空白處右鍵鼠標,在彈出窗口中選擇“新建”再到彈出二級菜單中選擇“文本文檔”,即可完成新建記事本文檔文件。

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
新建文本文檔截圖

新建后截圖

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
新建文本文檔截圖

這里需要顯示文件擴展名,以便修改文檔擴展名。

二、打開新建記事本,根據(jù)html結構輸入html代碼 

1、打開新建記事本文檔

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
鼠標打開新建文本文檔 雙擊打開剛剛新建文檔

2、手動輸入html代碼
要想網(wǎng)頁瀏覽器正確顯示,需要根據(jù)html網(wǎng)頁結構,輸入html源代碼。這里一個捷徑,我們直接拷貝標準的最基本的html結構代碼(進入 html結構 拷貝粘貼到剛剛打開文檔中)

進入html網(wǎng)頁結構拷貝這段完整代碼粘貼于新建的文本文檔中保存。

html基礎源代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>標題部分-www.億速云.com</title>  <meta name="keywords" content="關鍵字" />  <meta name="description" content="本頁描述或關鍵字描述" />  </head>  <body>  內容  </body>  </html>

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
直接拷入html代碼(拷貝節(jié)約時間也不易出錯)

三、修改完善  

1、修改html title標題

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
將網(wǎng)頁標題標簽內容修改為“我的第一個記事本新建網(wǎng)頁”

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
修改標題title內容后截圖

2、修改body內容
我們需要瀏覽器中顯示內容,就輸入到<body></body>之間。

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

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
html body內容修改填寫

最后新建記事本文檔內代碼如下:

  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="本頁描述或關鍵字描述" />  

  8. </head>  

  9. <body>  

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

  11. </body>  

  12. </html> 

3、保存文檔并關閉文檔
保存文檔(快捷鍵Ctrl+s),并關閉文檔即可

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

我們將“新建文本文檔.txt”改為“億速云.html”,除了重命名文檔名稱為“億速云”,將“.txt”擴展名修改為“.html”

如果不能看見擴展名,需要設置顯示擴展名。

在修改時候由于修改了擴展名,修改會提示是否要改變文件擴展名,點擊“是”確定。

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
改版擴展名確認提示窗口

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
變成html超文本截圖

以上就是使用記事本新建一個簡單html超文本網(wǎng)頁。

我們在瀏覽器打開“億速云.html”看看效果。

怎么用記事本創(chuàng)建html超文本網(wǎng)頁
瀏覽器打開新建html超文本網(wǎng)頁與記事本打開代碼對比圖

感謝各位的閱讀,以上就是“怎么用記事本創(chuàng)建html超文本網(wǎng)頁”的內容了,經(jīng)過本文的學習后,相信大家對怎么用記事本創(chuàng)建html超文本網(wǎng)頁這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!

向AI問一下細節(jié)

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

AI