网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

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

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站制作、成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的丰城网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

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

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

新建后截图

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

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

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

1、翻开新建记事本文档

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

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

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

html底子源代码如下:

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

  2.   

  3.   

  4.   

  5. 问题一部分-css5.com.cn  

  6.   

  7.   

  8.   

  9.   

  10. 内容  

  11.   

  12.  

如何使用记事本新建一个html网页 直接拷入html代码(拷贝靡费时间也不容易出错)

三、批改完竣

1、修改html title标题问题

如何使用记事本新建一个html网页 将网页问题标签模式修改成“我的第一个记事本新建网页”

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

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

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

如何使用记事本新建一个html网页 html body模式修正填写

着末新建记事本文档内代码以下:

  1.   

  2.   

  3.   

  4.   

  5. 我的第一个记事本新建网页  

  6.   

  7.   

  8.   

  9.   

  10. Hello CSS5 我的第一个网页 

  11.   

  12.  

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

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

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

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

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

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

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

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

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

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

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

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


当前名称:如何使用记事本新建一个html网页
标题路径:http://bjjierui.cn/article/ihcjdo.html

其他资讯