html网页制作教程

html-css010

html网页制作教程,第1张

html是编程语言之一。下面，我们来看看html网页制作教程吧。

01

新建记事本

在桌面上，新建一张记事本，如下图所示：

02

编写代码

打开记事本，编写代码，如下图所示：

03

修改后缀名

把记事本修改后缀名为.html，如下图所示：

04

网页

在桌面上就会有一张网页，如下图所示：

05

运行网页

最后在浏览器上运行该网页，如下图所示：

1，可以直接新建一个.html结尾的文件，也可以打开编辑器之后，在里面新建一个文件，然后保存为 .html结尾的，结果都一样。2，然后选择使用某种编辑器来打开它，如使用Notepad++编辑器来编辑它。3，然后在这个文件中写入网页所需的基本代码。4，写好之后，根据需要设置编码格式，一般是utf-8格式，格式设置不对，会出现乱码的情况；设置好格式之后，点击左上角的图标来保存或者是直接按下 ctrl+s快捷键来保存。5，保存好之后，然后点击‘运行’菜单，在出现的菜单中根据需要选择不同的浏览器来查看刚才编辑好的网页，当然也可以按下快捷键，如 谷歌的是 shift+Ctrl+alt+R 来看看效果如何，这就是简单的html网页教程了。以上就是西安文菲科技的html制作流程

怎样制作html网页?制作网页的整体思路有：

在进行网页制作的时候，要明白网页的类型以及所需要的材料，并做好一个框架构想，这样利于网页的效果形成，对后期的建设有相应的链接作用和奠基作用。

先布局，再用CSS进行控制。

骨架搭好了，初始化样式。

注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及对外部样式表的引入。这点可以参照HTML文件和LING&MAODIANSHANG等

1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大小也来自图片宽

2、图片的位置：当你在编写index.html页面代码时，出现一些图片路径时，那么先分清楚哪些是同级目录文件

<!DOCTYPE

html>

<html>

<head>

</head>

<body>

</body>

</html>