咱們在桌面運用零碎自帶記事本新建一個容易的html網頁,定名為CSS5.html的網頁文件,并瀏覽器翻開測試新建html網頁(縮減常識:dw軟件新建html網頁)。
詳細應用記事本新建html網頁順序方式如下
一、桌面新建一記事本(.txt)文檔
在桌面空缺處右鍵鼠標,在彈出窗口當決定“新建”再到彈出二級菜單中抉擇“文本文檔”,便可實現新建記事本文檔文件。
新建文本文檔截圖
新建后截圖
新建文本文檔截圖
這里緊要浮現文件擴大名,以便修改文檔裁減名。
二、翻開新建記事本,遵循html構造輸入html代碼
1、翻開新建記事本文檔
鼠標打開新建文本文檔 雙擊打開方才新建文檔
2、手動輸入html代碼
要想網頁涉獵器準確閃現,需求遵循html網頁組織,輸入html源代碼。這里一個捷徑,咱們直接拷貝尺度的最基本的html布局代碼(進入 html結構 拷貝粘貼到剛才翻開文檔中)
進入html網頁結構拷貝這段殘破代碼粘貼于新建的文本文檔中糊口。
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>題目一小塊-css5.com.cn</title>
- <meta name="keywords" content="要害字" />
- <meta name="description" content="本頁刻劃或樞紐字形貌" />
- </head>
- <body>
- 模式
- </body>
- </html>
直接拷入html代碼(拷貝鋪張工夫也不容易犯錯)
三、修正圓滿
1、修正html title問題
將網頁標題標簽模式修正成“我的第一個記事本新建網頁”
批改問題title形式后截圖
2、批改body形式 咱們須要涉獵器中顯示內容,就輸出到<body></body>之間。
在<body></body>之間寫入“Hello CSS5 我的第一個網頁”
html body形式修正填寫
著末新建記事本文檔內代碼如下:
- <!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>我的第一個記事本新建網頁</title>
- <meta name="keywords" content="樞紐字" />
- <meta name="description" content="本頁刻畫或關頭字描寫" />
- </head>
- <body>
- Hello CSS5 我的第一個網頁
- </body>
- </html>
3、保留文檔并關閉文檔 生活文檔(快速鍵Ctrl+s),并封閉文檔即可
四、將記事本文檔變為html超文本
咱們將“新建文本文檔.txt”改為“CSS5.html”,除了重定名文檔稱號為“CSS5”,將“.txt”擴張名批改為“.html”
假設不克不及望見擴張名,重要設置展示縮減名。
在批改時分由于批改了裁減名,批改會暗指可否要竄改文件縮減名,點擊“是”肯定。
改版裁減名確認暗示窗口
釀成html超文本截圖
以上即是使用記事本新建一個簡單html超文本網頁。
我們在閱讀器掀開“CSS5.html”看看效果。
瀏覽器掀開新建html超文本網頁和記事本掀開代碼對比圖
以上便是使用記事本新建一個標準的html超文本網頁門徑實例教程。但為了新建網頁兼容性好提防html亂碼,倡始應用dw軟件新建html超文本網頁。因為網頁是有語言編碼,使用記事本很容易構成內容和代碼html編碼差異造成亂碼。
如需轉載,請注明文章出處和來源網址:http://www.khijtf.live/template/m51717.shtml