如何使用记事本新建一个html网页(html,web开发)

时间:2024-05-08 11:21:38 作者 : 石家庄SEO 分类 : web开发
  • TAG :

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

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

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

新建后截图

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

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

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

1、翻开新建记事本文档

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

2、手动输出html代码
要想网页浏览器粗略显示,需求按照html网页布局,输出html源代码。这里一个捷径,我们直接拷贝规范的最基本的html布局代码(进入html构造拷贝粘贴到适才翻开文档中)

进入html网页组织拷贝这段残缺代码粘贴于新建的文本文档中生计。

html底子源代码如下:

  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  3. <htmlxmlns="http://www.w3.org/1999/xhtml">

  4. <head>

  5. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

  6. <title>问题一部分-css5.com.cn</title>

  7. <metaname="keywords"content="环节字"/>

  8. <metaname="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. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <htmlxmlns="http://www.w3.org/1999/xhtml">

  3. <head>

  4. <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>

  5. <title>我的第一个记事本新建网页</title>

  6. <metaname="keywords"content="关键字"/>

  7. <metaname="description"content="本页描写或环节字刻划"/>

  8. </head>

  9. <body>

  10. HelloCSS5我的第一个网页

  11. </body>

  12. </html>

3、生计文档并开启文档 留存文档(极快键Ctrl+s),并封闭文档便可

四、将记事本文档变为html超文本

咱们将“新建文本文档.txt”改为“CSS5.html”,除了重定名文档称呼为“CSS5”,将“.txt”扩大名批改成“.html”

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

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

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

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

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

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

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

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

 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:如何使用记事本新建一个html网页的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Java的后端开发技术有哪些下一篇:

12 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18