html网页制作入门:怎么制作一个网页?

工具/材料电脑一台
代码编辑软件(Notepad++)
操作方法

    01想要做一个网页,首先要找到一个合适的代码编辑软件,我这边使用的是Notepad++ 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    02打开软件之后,点击文件中的新建一个文件,成功创建之后就开始编辑我们的网页内容了 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    03接下来就开始编辑我们想要实现的内容,需要把代码编辑在<body>的标签中间 。<p>是标题标签,<p>是段落标签 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    04把我们刚刚编辑好的代码保存一下,Ctrl+s,或者点击软件上面的保存图标 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    05保存的时候,我们一定要选择保存类型,就是保存文件的后缀名,选择为html结尾的,不选择的话,默认不是html网页 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    06保存完之后,就会发现代码的样式就会有发生变化了,变成了淡蓝色,便于我们来编写代码 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    07如果你想要看代码的效果,找到刚刚保存软件的位置,双击打开预览效果 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    08结果如下图所示 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    09如果写网页的话,包含的内容就是比较多了,可以多添加一下代码 。
    html网页制作入门:怎么制作一个网页?

    文章插图
    html网页制作入门:怎么制作一个网页?

    文章插图

【html网页制作入门:怎么制作一个网页?】