首页 > 软件开发 > HTML >

编程入门第一站,如何创建第一个html网页

来源:互联网 2023-03-16 19:10:27 153

html很简单,只需要简单的利用一些标签就可以得出效果,不需要过多的逻辑操作,所以html可以作为编程入门的第一站。rYg办公区 - 实用经验教程分享!

工具/原料

  • dreamweaver
  • 其他工具

方法/步骤

  • 1

    首先,如果要创建一个网页,您需要拥有一个工具,用于创建它。对于html,它不需要编译,所以记事本都可以完成创建。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 2

    但是也有一些不错的软件,可以快速的创建一些网页。比如dreamweaver,它可以让你快速的创建出第一个页面。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 3

    无论使用什么工具,起到关键作用的是您的思想,所以我这里就以记事本来创建一个html为例,给你描述如何创建第一个网页。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 4

    html的标签都在>括号内,这样的括号很多时候是成对出现的,以>开始,以rYg办公区 - 实用经验教程分享!

    />结束,而内容就添加在这之间,比如h1>hello world!/h1>,不过,也有部分标签是单标签,这里我就不过多介绍了,以免过于复杂不便于您的理解。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 5

    html以html>开始,以/html>结束。所有的内容都在这个标签内部完成。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 6

    在html>/html>的内部,又可以分为两大部分,分别是head>/head>与body>/body>,一些声明的内容主要在head>/head>标签之间完成,而用于显示的内容主要在body>/body>部分完成。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 7

    下图所示是一个基本的html文档结构。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 8

    head>/head>标签之间的title>/title>内容用于显示标题,也就是在网页标签上显示的内容,如下图所示:rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 9

    完成下图所示页面,即可查看您的网页了。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 9该信息非法爬取自百度经验
  • 10

    完成内容编写后,选择“打开方式”为浏览器,使用浏览器打开网页,即可查看网页。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 11

    打开网页后,显示效果入下图所示,如果没有显示出来,您可以看一下,是不是标签写错了。rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 12

    您可以在标签中添加center>/center>让内容居中显示,具体的添加位置入下图所示:rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 13

    显示效果入下图所示:rYg办公区 - 实用经验教程分享!

    编程入门第一站,如何创建第一个html网页rYg办公区 - 实用经验教程分享!

  • 14

    恭喜您,您已经完成了第一个网页的创建了。rYg办公区 - 实用经验教程分享!

  • 15

    希望对您有用,祝您学习快乐,生活幸福!rYg办公区 - 实用经验教程分享!

  • 注意事项

    • html可以作为您编程入门的第一站,希望对您有用。

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


    标签: HTML编程学习

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