文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2024-04-02 19:55

关注

这篇文章主要为大家展示了“如何使用记事本新建一个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网页”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯