1、在电脑桌面空白处单击右键，新建一个记事本并打开

2、在新建文件中输入如下代码。 html语言都是以htmlheadtitlebody等标签开始，以/html/head/title/body标签作为结束。

3、接下来要在title/title标签中间输入标题（如个人网页）在body/body中输入“自己做的第一个网页，厉害吧！”完成后点击保存。并将记事本后缀名.txt改为.html格式

4、将记事本重命名为.html格式后，出现如下格式。

5、双击打开此文件就会出现浏览器网页效果了。

扩展资料：

前端和后端的区别：

1、展示方式

前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

2、所用技术

前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技术。

后端开发以java为例，主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http协议、Servlet、Tomcat服务器等技术。

3、工作职责

前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。

后端工程师的主要职责也集中在三大部分，分别是平台设计、接口设计和功能实现。

4、知识结构

在知识结构方面，前端开发涉及到的内容包括Html、CSS、JavaScript、Android开发（采用Java或者kotlin）、iOS开发（采用OC或者Swift）、各种小程序开发技术（类Html），随着前端开发任务的不断拓展，前端开发后端化也是一个较为明显的趋势。

后端开发的重点在于算法设计、数据结构、性能优化等方面，在具体的功能实现部分可以采用Java、Python或者PHP等编程语言来实现。

做web前端开发需要会代码，至少要懂html5+css，JavaScript、DOM、BOM、Ajax、flash、xml等语言，必要时也需要涉及更深的开发语言，PHP、asp、.net等以及新型的开发方式和语言。既然是web前端开发就不可能只是做美工和用dreamweaver做网页。学习web前端开发，推荐千锋教育，千锋教育现拥有百人教研团队，300人教学团队，讲师均来自一线大厂兼具项目实战与教学经验，全程面授教学。

学习Java的优势：

1、薪资可观：职业规划公司Gooroo在一份薪资和需求报告中指出，Java仍然是美国、英国和澳大利亚最受欢迎和薪资最高的编程语言之一。

2、Java程序员市场紧缺：据不完全统计，目前国内每年IT人才缺口达20万之多，而且缺口还在扩大，Java作为广泛使用的编程语言，拥有庞大的客户群，现有的人才储备还远远不够，在可预计的未来，Java程序员都将处于供小于求的状态。

3、Java无处不在：据估计，全球范围内有超过30亿部设备运行Java，超过其他任何一种语言。

想要了解更多有关web前端的相关信息，推荐咨询千锋教育。北京千锋互联科技有限公司（下面简称“千锋教育”），成立于2011年1月，立足于职业教育培训领域，公司现有教育培训、高校服务、企业服务三大业务板块。教育培训业务分为大学生技能培训和职后技能培训；高校服务业务主要提供校企合作全解决方案与定制服务；企业服务业务主要为企业提供专业化综合服务。

如何优化前端页面 / 如何优化网页

WEB前端（HTML5）项目开发时的注意事项