首页 > 软件开发 > HTML >

怎么用HTML做个入门网页

来源:互联网 2023-03-16 19:17:11 119

想必各位在座的程序员们刚刚开始学习编程的时候,写的第一个程序就是“Hello Word”了吧,当然,学习如何制作网页也不例外,今天我们就来教大家写一个入门网页吧gcX办公区 - 实用经验教程分享!

怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

工具/原料

  • 电脑:任意配置的电脑
  • 软件:Dreamweaver

方法/步骤

  • 1

    第一步那肯定不用多说,打开我们的DreamweavergcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 2

    进入Dreamweaver界面,点击“新建——HTML”创建一个新的网页gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 3

    点击创建完毕后,Dreamweaver就自动帮我们生成了一个空白的网页,我们只要再添加一点代码就够了gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 4

    我们在body>/body>标签之间输入h1>/h1>gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 5

    然后在h1>/h1>标签之间输入 Hello Word 当然这里你输入自己想要的字gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 6

    为了是字母看起来更明显,我们这里在h1标签后面再添加一行代码gcX办公区 - 实用经验教程分享!

    style="color:#F00" 使字母为红色gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 7

    再加上一条 align="center" 使文本居中显示gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 8

    这时候代码总算是写完了,我们该去看看自己的成果了,我们点击上面的那个像小地球一样的按钮gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 9

    然后在下拉框中选择一个浏览器浏览gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 10

    然后选择一个文件夹来保存这个网页gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 11

    在随后的提示弹窗中选择“是”确定修改gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 11此文章未经许可获取自百度经验
  • 12

    看,这就我们的最终成品了,虽然这个网页很简单,但是随着学习的深入,我们做出来的网页一定就能够有越来越多的功能和效果gcX办公区 - 实用经验教程分享!

    怎么用HTML做个入门网页gcX办公区 - 实用经验教程分享!

  • 总结

  • 1

    【1】打开Dreamweaver,点击“新建——HTML”gcX办公区 - 实用经验教程分享!

    【2】在body>/body>标签之间输入h1>/h1>gcX办公区 - 实用经验教程分享!

    【3】在h1>/h1>标签之间输入Hello WordgcX办公区 - 实用经验教程分享!

    【4】在h1标签后面添加 style="color:#F00"gcX办公区 - 实用经验教程分享!

    【5】再加上一条 align="center"gcX办公区 - 实用经验教程分享!

    【6】点击上面的那个像小地球一样的按钮gcX办公区 - 实用经验教程分享!

    【7】选择一个浏览器浏览gcX办公区 - 实用经验教程分享!

    【8】选择一个文件夹来保存这个网页gcX办公区 - 实用经验教程分享!

    【9】选择“是”确定修改gcX办公区 - 实用经验教程分享!

    【10】最后我们就能在浏览器中看到我们的成果了gcX办公区 - 实用经验教程分享!

  • 注意事项

    • 多加学习,就能够做出更加酷炫的网站了

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


    标签: HTML

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