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

html很简单,只需要简单的利用一些标签就可以得出效果,不需要过多的逻辑操作,所以html可以作为编程入门的第一站。

操作方法

  • 01

    首先,如果要创建一个网页,您需要拥有一个工具,用于创建它。对于html,它不需要编译,所以记事本都可以完成创建。

  • 02

    但是也有一些不错的软件,可以快速的创建一些网页。比如dreamweaver,它可以让你快速的创建出第一个页面。

  • 03

    无论使用什么工具,起到关键作用的是您的思想,所以我这里就以记事本来创建一个html为例,给你描述如何创建第一个网页。

  • 04

    html的标签都在<>括号内,这样的括号很多时候是成对出现的,以<>开始,以 </>结束,而内容就添加在这之间,比如<h1>hello world!</h1>,不过,也有部分标签是单标签,这里我就不过多介绍了,以免过于复杂不便于您的理解。

  • 05

    html以<html>开始,以</html>结束。所有的内容都在这个标签内部完成。

  • 06

    在<html></html>的内部,又可以分为两大部分,分别是<head></head>与<body></body>,一些声明的内容主要在<head></head>标签之间完成,而用于显示的内容主要在<body></body>部分完成。

  • 07

    下图所示是一个基本的html文档结构。

  • 08

    <head></head>标签之间的<title></title>内容用于显示标题,也就是在网页标签上显示的内容,如下图所示:

  • 09

    完成下图所示页面,即可查看您的网页了。

  • 10

    完成内容编写后,选择“打开方式”为浏览器,使用浏览器打开网页,即可查看网页。

  • 11

    打开网页后,显示效果入下图所示,如果没有显示出来,您可以看一下,是不是标签写错了。

  • 12

    您可以在标签中添加<center></center>让内容居中显示,具体的添加位置入下图所示:

  • 13

    显示效果入下图所示:

  • 14

    恭喜您,您已经完成了第一个网页的创建了。

  • 15

    希望对您有用,祝您学习快乐,生活幸福!

(0)

相关推荐

  • 计算机编程入门

    计算机编程入门-lamp兄弟连 :http://www.lampbrother.net  [零费用学习] 零投入,拎包入校,全国唯一提供24小时学习服务![全优质就业] 参与商业项目开发,平均就业薪资 ...

  • Html/Css(新手入门第一篇必看攻略)

    下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略).小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧一.理解web标准含义--为什么采用web标准 **** ...

  • 如何学习电脑编程入门

    操作方法 01 [电脑编程入门教程] 先认认真真的学习一门语言,学习微软的就先从VB开始,VB是比较好的入门语言,可视化的,比较简单,是非常好的入门语言.书籍最少应该准备两本,不可能一本书籍会包含VB ...

  • 计算机编程入门教程

    计算机编程入门教程 操作方法 01 首先多看一些语言的基础书籍,确定一门入门语言.个人比较推荐Python--一个非常适合初学者的语言 ,而且当你掌握它的时候它会变得更加强大.被用来开发了许多Web应 ...

  • 电脑编程入门教程

    有很多小伙伴想去学习编程,但是苦于不知道怎么入门.别急,今天小编就给大家讲一些电脑编程入门的基本教程. 操作方法 01 想要学好编程,有一个称手的工具是非常重要的.所以我们先下载noteoad++软件 ...

  • 怎么创建第一个PHP程序

    php语言的全称是[PHP:Hypertext Preprocessor],意思是超文本预处理语言,缩写成PHP,是现在很多小型网站开发的首选语言,现在php已经算是很成熟了,应用极为广泛,甚至一度很 ...

  • 如何在电脑上创建一个HTML网页

    今天给大家介绍一下如何在电脑上创建一个HTML网页的具体操作步骤.1. 准备工作,打开电脑,在桌面空白处右键,选择新建一个txt文本文档.2. 然后打开文档,输入相关的html代码,最后选择文件--- ...

  • 图解在IntelliJ IDEA中创建第一个Maven项目

    本篇将和大家介绍如何在IntelliJ IDEA中创建第一个Maven项目,希望对大家的工作和学习有所帮助! 操作方法 01 在IntelliJ IDEA中新建Maven项目,选择"File ...

  • EXCEL自动vba报表编程入门,基本术语

    标签:excel编程入门教程:vba自动报表:术语讲解 现在大家日常办公都会用到excel报表,面对每天重复大量的报表工作,我们可以编写excel自带的vba实现自动处理数据功能,在此,我仅对其中会用 ...