歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
 

阿森纳热刺 www.tzxsac.com.cn 咱們在桌面運用零碎自帶記事本新建一個容易的html網頁,定名為CSS5.html的網頁文件,并瀏覽器翻開測試新建html網頁(縮減常識:dw軟件新建html網頁)。

詳細應用記事本新建html網頁順序方式如下

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

在桌面空缺處右鍵鼠標,在彈出窗口當決定“新建”再到彈出二級菜單中抉擇“文本文檔”,便可實現新建記事本文檔文件。

新建文本文檔截圖
新建文本文檔截圖

新建后截圖

新建文本文檔
新建文本文檔截圖

這里緊要浮現文件擴大名,以便修改文檔裁減名。

二、翻開新建記事本,遵循html構造輸入html代碼

1、翻開新建記事本文檔

雙擊打開剛剛新建文檔
鼠標打開新建文本文檔 雙擊打開方才新建文檔

2、手動輸入html代碼
要想網頁涉獵器準確閃現,需求遵循html網頁組織,輸入html源代碼。這里一個捷徑,咱們直接拷貝尺度的最基本的html布局代碼(進入 html結構 拷貝粘貼到剛才翻開文檔中)

進入html網頁結構拷貝這段殘破代碼粘貼于新建的文本文檔中糊口。

html根蒂根基源代碼如下:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="//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="要害字" />  
  8. <meta name="description" content="本頁刻劃或樞紐字形貌" />  
  9. </head>  
  10. <body>  
  11. 模式  
  12. </body>  
  13. </html> 

拷入html代碼 直接拷入html代碼(拷貝鋪張工夫也不容易犯錯)

三、修正圓滿

1、修正html title問題

修改html title內容 將網頁標題標簽模式修正成“我的第一個記事本新建網頁”

修改標題后截圖 批改問題title形式后截圖

2、批改body形式 咱們須要涉獵器中顯示內容,就輸出到<body></body>之間。

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

html body內容錄入 html body形式修正填寫

著末新建記事本文檔內代碼如下:


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="//www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>我的第一個記事本新建網頁</title>  
  6. <meta name="keywords" content="樞紐字" />  
  7. <meta name="description" content="本頁刻畫或關頭字描寫" />  
  8. </head>  
  9. <body>  
  10. Hello CSS5 我的第一個網頁 
  11. </body>  
  12. </html> 

3、保留文檔并關閉文檔 生活文檔(快速鍵Ctrl+s),并封閉文檔即可

四、將記事本文檔變為html超文本

咱們將“新建文本文檔.txt”改為“CSS5.html”,除了重定名文檔稱號為“CSS5”,將“.txt”擴張名批改為“.html”

假設不克不及望見擴張名,重要設置展示縮減名。

在批改時分由于批改了裁減名,批改會暗指可否要竄改文件縮減名,點擊“是”肯定。

改版文件擴展名 改版裁減名確認暗示窗口

txt擴展名變為超文本html 釀成html超文本截圖

以上即是使用記事本新建一個簡單html超文本網頁。

我們在閱讀器掀開“CSS5.html”看看效果。

瀏覽器中瀏覽新建html超文本網頁 瀏覽器掀開新建html超文本網頁和記事本掀開代碼對比圖

以上便是使用記事本新建一個標準的html超文本網頁門徑實例教程。但為了新建網頁兼容性好提防html亂碼,倡始應用dw軟件新建html超文本網頁。因為網頁是有語言編碼,使用記事本很容易構成內容和代碼html編碼差異造成亂碼。

如需轉載,請注明文章出處和來源網址://www.tzxsac.com.cn/template/m51717.shtml

  • 上一篇:沒有了
  • 下一篇:沒有了