01新记事本 在桌面上，新建一个记事本，如下图所示02写代码 打开记事本，编写代码，如下图所示03修改后缀名称 将记事本的后缀改为html，如下图所示04网页 桌面上会出现一个网页，如下图所示05运行网页 最后，在浏览器上运行网页，如下图所示怎样用HTML制作网页用记事本写网页代码可以用记。

1html文件是最常见的网页文件所谓HTML就是超文本标记语言HTML，是一种用来创建网页的标准标记语言2html文件的编辑非常简单您可以使用文本编辑器或编辑工具如editplusvimnotepad和ultraEdit等打开它打开后可以直接看到源代码或者编辑修改3html是网页设计和编程的基础只要掌握HTML基本。

1新建记事本 首先我们在桌面上新建一张记事本，不用重命名 2格式 然后在记事本中编写如下代码，该代码是固定形式的 3编写代码 然后在记事本body区域中编写 然后点击标题栏中的文件，在弹出的下拉菜单中，点击另存为5文件名 会弹出一个窗口，在文件名中输入1html，重点是后缀。

来说下步骤吧1要会html，可以做到用记事本写简单的网页最好，但是建议你用dw写，因为dw有代码提示功能，这样有些属性忘记了，dw里面有提示2做网页，做之前当然需要先有个网页的布局咯，不然会没目标的3安装布局，开工吧现在用纯html布局是很不省力的，建议你可以学习css样式表，可以对。

HTML代码 是超文本标记语言文本，可以用文本编辑器制作HTML代码 ，这里以记事本为例1右击电脑桌面任意空白区域，在展开的菜单中点击“新建”按钮，然后点击“文本文件”按钮2打开新建的文本文件，在里面输入一些HTML基础的代码，然后同时按住键盘上的“Ctrl”键+“S”键将文件保存3用鼠标将。

静态网页制作教程 2基础的静态网页代码写出来了，下面在中间添加网页需要的数据内容文字图片表格视频等，然后将txt文本文档的后缀名txt修改为html现在点击打开看看效果小编在body中间加入的文字静态网页制作教程3这样的文字太单调了，需要用CSS样式定义，小编在桌面上新建。

第一部分已经把代码编写完成了，现在就要开始调戏编写好的代码了首先点击MyEclipse顶部中间的如下图所示的加载页面到服务器的按钮会出现下图所示的加载网页的界面“Project”中选择我们刚刚编写好的页面，点击“Add”按钮，会出现提示框，点击“ Yes”之后底部会出现让我们选择服务器的界面，这里选择。

1在桌面上右键点击鼠标，出现对话框之后，点击新建2新建一个文本问档，用于写网页代码3打开记事本，现在我们就可以编写简单的HTML代码了4现在，我们把文本的命名改成1html5一个简单的HTML网页就搭建完成了，可以通过浏览器打开试试看。

更新浏览器上的空白网页，你应该可以看到网页上方有个加粗的“Hello”字眼在本教程中，你随时可以测试新的HTML只要保存html文件，然后更新浏览器窗口，就能看到浏览器如何诠释HTML六构建文档删除HTML文档里的所有东西这个HTML代码告诉浏览器你使用哪一版HTML，网页所有内容都在和标签之间七。

3现在可以添加html代码，使得网页显示文本是html中段落的标签，是开始符，是结束符，两个符号之间的字会显示在网页上在indexhtm中添加一行声明这是一个个人网站，网页里的内容均为站主原创，请勿用于违法行为下图为效果截图4还可以为网页添加图片，图片的标签是假设图片文件的路径。

请点击输入图片描述 通过使用Dreamweaver 软件可以大大降低我们写代码的难度和记忆量对于新手刚开始写网站代码很适用，学做网站论坛也有专门的Dreamweaver视频教程，可以学习第三步脱离软件自己手写代码 通过使用Dreamweaver 软件写一段时间代码之后，会发现很多代码自己无意中已经记在脑子里了，有些复杂的。

4 添加样式使用CSS层叠样式表来为网页添加样式通过CSS，可以设置网页的颜色字体布局背景图像等可以将CSS代码写在HTML页面中的``标签中，或者将其保存在单独的css文件中，然后在HTML中引用5 插入内容根据网页的需求，插入所需的内容，如文本图像视频等通过使用HTML标签，可。

14，Q用 Word 作为 Html 编辑器产生的代码比较冗长，怎么优化？ A可以用网页制做软件 Dreameweaver30 进行优化15，QIE50 的部分快捷键 A打开网址上的 ActiveX Control Pad 教程，开发人员可以很方便地学习使用 ActiveX ControlPadSoftQuad 公司的 HoTMetaL Pro 也支持在 HTML 网页上使用 ActiveX。

HTML，CSS和JavaScript是构建网站的基础语言，它们分别负责网页的结构样式和交互功能对这三种语言有深入理解是非常重要的#xF6E0#xFE0F选用工具选择一个适合你的文本编辑器，如VSCode，SublimeText或Atom这些都是编写代码的工具#xF31F学习利用框架当你对前端基础有了一定了解后，可以学习一些前端框架，如React，Vue或Angular。

2也可以通过点击菜单栏的“文件“，然后点”新建“来创建B三种视图的区别1新创建的网页可以通过三种视图来观察代码视图显示网页代码2设计视图就显示网页在用户眼中的大概样子因为还没写东西，所以是空的3拆分就是左面窗口代码，右面窗口设计C什么是标签网页代码是由标签和文本。