欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

在桌面应用细碎自带记事本新建一个容易的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. "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="环节字" />  
  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"  "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>我的第一个记事本新建网页</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编码分歧形成乱码。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j52851.shtml