温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何使用记事本新建一个html网页

发布时间:2022-02-24 10:49:02 来源:亿速云 阅读:526 作者:小新 栏目:web开发

这篇文章主要为大家展示了“如何使用记事本新建一个html网页”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“如何使用记事本新建一个html网页”这篇文章吧。

一、桌面新建一记事本(.txt)文档

在桌面空缺处右键鼠标,在弹出窗口当决议“新建”再到弹出二级菜单入决议“文本文档”,即可完成新建记事本文档文件。

如何使用记事本新建一个html网页
新建文本文档截图

新建后截图

如何使用记事本新建一个html网页
新建文本文档截图

这里需求表示文件扩张名,以便修改文档裁减名。

二、打开新建记事本,依据html组织输出html代码

1、翻开新建记事本文档

如何使用记事本新建一个html网页
鼠标翻开新建文本文档 双击翻开方才新建文档

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网页 将网页问题标签模式修改成“我的第一个记事本新建网页”

如何使用记事本新建一个html网页 修改问题title内容后截图

2、批改body形式 我们紧要浏览器中浮现模式,就输入到<body></body>之间。

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

如何使用记事本新建一个html网页 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”

假设不能望见扩大名,须要设置装备摆设显示扩充名。

在批改时辰由于批改了扩展名,修改会提示能否要改变文件扩张名,点击“是”注定。

如何使用记事本新建一个html网页 改版裁减名确认提醒窗口

如何使用记事本新建一个html网页 酿成html超文本截图

以上即是运用记事本新建一个容易html超文本网页。

咱们在涉猎器掀开“CSS5.html”看看功效。

如何使用记事本新建一个html网页 

涉猎器翻开新建html超文本网页和记事本翻开代码比较图

以上是“如何使用记事本新建一个html网页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI