首页 > 软件开发 > HTML >

0编程基础!制作一个网页

来源:互联网 2023-03-16 19:12:38 481

本经验只是给一些对编程一窍不通的小白们做的,大神不要喷哟~ZNm办公区 - 实用经验教程分享!

此经验只是给一些对编程好奇的同学,自己学后也可以做出一个自己可以打开的网页,是不是会有自豪感呢!ZNm办公区 - 实用经验教程分享!

ZNm办公区 - 实用经验教程分享!

大神不要喷哟~大神不要喷哟~大神不要喷哟~ZNm办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    1.首先在电脑桌面新建一个txt文件ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    进入编辑ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 2

    2.首先要写入一个html>ZNm办公区 - 实用经验教程分享!

    做为开头ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    然后换行写入body>ZNm办公区 - 实用经验教程分享!

    现在可以写你喜欢的文字啦!可以在网页上显示的ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    介绍一下,写入文字的常用标签:ZNm办公区 - 实用经验教程分享!

    段落:文字内容/ZNm办公区 - 实用经验教程分享!

    标题1(数字越大,显示的文字越大):h1>文字内容/h1>ZNm办公区 - 实用经验教程分享!

    标题2(数字越小,显示的文字越小):h2>文字内容/h2>ZNm办公区 - 实用经验教程分享!

    ...以此类推ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    写内容后就大概可以结束了ZNm办公区 - 实用经验教程分享!

    但是还要继续写代码ZNm办公区 - 实用经验教程分享!

    有头也要有尾,对吧!ZNm办公区 - 实用经验教程分享!

    结尾代码:ZNm办公区 - 实用经验教程分享!

    /body>ZNm办公区 - 实用经验教程分享!

    /html>ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    这里说一下,因为开头写的html>ZNm办公区 - 实用经验教程分享!

    所以最后末尾要写/html>ZNm办公区 - 实用经验教程分享!

    body>是第二次写的ZNm办公区 - 实用经验教程分享!

    所以body>要比html>结束的早一步ZNm办公区 - 实用经验教程分享!

    (本人可能语言组织不好)ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    完整源代码:ZNm办公区 - 实用经验教程分享!

    html>ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    body>ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    h1>标题/h1>ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    内容.../ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    /body>ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    /html>ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 3

    点击另存为...ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 4

    添加后缀ZNm办公区 - 实用经验教程分享!

    后缀为:ZNm办公区 - 实用经验教程分享!

    .htmlZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    错误行为:ZNm办公区 - 实用经验教程分享!

    。htmlZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 5

    接着改一下编码ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    改为UFT-8ZNm办公区 - 实用经验教程分享!

    否则会出现乱码ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    然后点击保存ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    然后大功告成了ZNm办公区 - 实用经验教程分享!

  • 方法/步骤2

  • 1

    接下来,要看效果了ZNm办公区 - 实用经验教程分享!

  • 2

    打开刚才你保存的文件ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 3

    哈哈,这里就是显示你刚才输入的内容了ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    内容可以改哦ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    可以多加几行ZNm办公区 - 实用经验教程分享!

    ZNm办公区 - 实用经验教程分享!

    好啦,今天教程就到这里啦!ZNm办公区 - 实用经验教程分享!

    以后我会分享跟多的教程哦ZNm办公区 - 实用经验教程分享!

    0编程基础!制作一个网页ZNm办公区 - 实用经验教程分享!

  • 注意事项

    • 输入代码时要全局用英文输入,除显示内容外
    • 保存时候别忘记了改编码为UTF-8 否则会出现乱码
    • 保存时加后缀时要留意,别把 .html 弄成 。html 哦

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!ZNm办公区 - 实用经验教程分享!


    标签: HTML编程

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码