记事本新建一个html超文本网页

使用记事本新建一个html网页超文本新建实例

我们在桌面使用系统自带记事本新建一个简单的html网页，命名为divcss5.html的网页文件，并浏览器打开测试新建html网页（扩展知识：dw软件新建html网页）。

具体使用记事本新建html网页步骤方法如下

一、桌面新建一记事本（.txt）文档 - TOP

在桌面空白处右键鼠标，在弹出窗口中选择“新建”再到弹出二级菜单中选择“文本文档”，即可完成新建记事本文档文件。

新建文本文档截图

新建后截图

新建文本文档截图

这里需要显示文件扩展名，以便修改文档扩展名。

二、打开新建记事本，根据html结构输入html代码 - TOP

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>标题部分-www.divcss5.com</title>  
<meta name="keywords" content="关键字" />  
<meta name="description" content="本页描述或关键字描述" />  
</head>  
<body>  
内容  
</body>  
</html>

直接拷入html代码（拷贝节约时间也不易出错）

三、修改完善 - TOP

1、修改html title标题

修改html title内容
将网页标题标签内容修改为“我的第一个记事本新建网页”

修改标题后截图
修改标题title内容后截图

2、修改body内容
我们需要浏览器中显示内容，就输入到<body></body>之间。

在<body></body>之间写入“Hello DIVCSS5 我的第一个网页”

html body内容录入
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 DIVCSS5 我的第一个网页 
</body>  
</html>