网页制作教程-Hello, world!

今天我们开始学习网页制作,从第一个最简单的网页开始,目标:
在浏览器标题栏显示:第一个网页
在浏览器中显示:Hello, world!

操作方法

  • 01

    首先,我们新建一个文本文件,命名为1.html。用文本编辑器(如记事本打开),输入html文件的三要素:<html><head><body>标签,每种标签成对出现。如图:

  • 02

    然后,我们在<head>标签中输入<title>标签,并输入标签内容:第一个网页。<title>标签告诉浏览器,将标签中的文本显示在标题栏中。

  • 03

    最后,我们在<body>标签中输入内容:Hello, world! <body>标签表示网页的主体,所有在浏览器中显示的内容都放在<body>标签中。

  • 04

    保存文件,第一个网页就完成了。我们用浏览器打开1.html,就可以看到效果:

  • 05

    如果觉得Hello, world!显示太小,我们可用<h>标签来修饰加强,例子中,<h1>表示用一级标题的样式来显示hello, world!

  • 06

    修改后再次保存文件,重新用浏览器打开或者刷新,可见效果如下图。

  • 07

    这时网页制作的一个开始,以后还会继续学习其他基础篇内容,如果你觉得我的方法适用于你,言简意赅,那么持续关注我吧。

(0)

相关推荐

  • 电商网页制作教程

    互联网的时代,越来越多的人群在做电商,电商简单的理解就是在网上卖东西的.不管是在网上卖,还是实体店卖,总得要装修一下吧!只要你是会PS的,自己来装修,还可以省下不少钱. 可以根据自己想要的店铺风格.颜 ...

  • html css javascript网页制作教程

    html css javascript网页制作教程!下面,小编以编写一个简单的html+css+javascript网页,来给大家介绍一下html css javascript网页制作的方法. 操作方 ...

  • 网页制作教程-文本字体大小设置

    今天介绍网页中如何控制文字的显示大小. 操作方法 01 使用文本编辑器创建一个html文件,并进行编辑,输入html基本要素.若此步有问题,请阅读小编的"网页制作教程-Hello, worl ...

  • html网页制作教程

    html是编程语言之一.下面,我们来看看html网页制作教程吧. 操作方法 01 新建记事本 在桌面上,新建一张记事本,如下图所示: 02 编写代码 打开记事本,编写代码,如下图所示: 03 修改后缀 ...

  • 静态网页制作教程

    静态网页可以算是网页制作的起步,小编也是从静态网页起步的,静态网页制作不难,只需了解html和css就可以编写出静态网页了 操作方法 01 首页设计好要写一个怎样的静态网页画面,然后到网上收集图片素材 ...

  • 简单网页制作教程

    下面介绍一下用publisher制作简单网页的过程供各位参考. 操作方法 01 打开publisher,建立一个新的网页格式的文件. 02 在提供的选项中选择网站类别. 03 继续找下去,就还要选一下 ...

  • Dreamweaver CS5网页制作教程

    在网页设计中,通常需要使用Dreamweaver 软件完成编辑,其中Dreamweaver CS 5为广泛使用版本,但Dreamweaver 软件不像MIcrosoft Office 一样全靠可视化完 ...

  • 网页制作教程-文本对齐方式:[1]

    今天介绍网页中文本对齐方式的设置. 操作方法 01 创建一个html文件,并使用文本编辑器打开,输入html基本元素: 02 文本对齐全方式可通过设置<p>元素的align属性完成,基本格 ...

  • Dreamweaver网页制作初级教程:初识DW

    现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程.那么从今天开始,小编将用一些时间,为大家带来DW的入门教程.只要能坚持 ...