任务1.4 HTML5文件的编写方法.pptxVIP

模块1HTML5概述任务1.4编写HTML文件网页设计项目教程（HTML5+CSS3+JavaScript）

学习目标?从记事本手写到VSCode智能编写，掌握两种建站方式知识目标掌握使用记事本编写HTML5文件的方法；掌握使用VSCode编写并预览网页的方法；理解两种方式的差异与适用场景。能力目标能用记事本与VSCode分别创建网页；能正确保存为.html并选择UTF-8编码。素养目标培养对比分析与归纳总结能力；养成规范保存、及时预览的习惯；强化精益求精的工匠精神。02

任务描述?网页文件是纯文本文件，可用记事本或VSCode创建网页文件是纯文本文件，可用记事本或VSCode创建本任务将分别阐述使用记事本和VSCode编写HTML5文件的步骤，通过“欢迎页面”实例，体验和比较不同开发环境下编写HTML的基本流程。纯文本网页文件的本质扩展名.html编码UTF-803

1.4.1使用记事本手工编写?最基础、无需额外工具的编写方式操作步骤打开“记事本”程序。输入网页代码后点击“另存为”。文件名以.html结尾，并选择UTF-8编码。注意事项默认编码为ANSI，浏览器中会显示乱码。双击保存好的文件，浏览器即可打开。右键“打开方式→记事本”可再次编辑。04

两种编写方式对比?各有长短，按场景选择记事本手工编写优点