html制作网页教程,html怎么制作简单网页?

第一步

右击桌面,选择新建,选择文本文档

html制作网页教程,html怎么制作简单网页?

第二步

打开新建的文本文档,输入以下内容(建议照敲一遍)

<!doctype html><html><head><meta charset="utf-8"><title>标题</title></head><body></body></html>

上面这些内容就是超文本标记语言,也称为HTML,现在HTML已经发展到第五代——HTML5,上面这些HTML5代码是帮助我们写出网页的基础。

第三步

右击文档重命名,修改文件后缀,将文件扩展名修改为.html

html制作网页教程,html怎么制作简单网页?

什么浏览器打开就会出现什么浏览器图标

如果你看不到文件的扩展名那么就打开此电脑(我的电脑),在菜单栏查看勾选文件扩展名即可。

html制作网页教程,html怎么制作简单网页?

第四步

双击打开它,你会发现一片空白。

html制作网页教程,html怎么制作简单网页?

但并不是什么都没有,上图中箭头指的那一串字母就叫URL,也称“统一资源定位器”。因为这个文件只是本地文件,所以它现在的作用是定位你的文件存放位置,显示文档地址,说明文档放在什么地方。

第五步

忍受不了空空的感觉,那么就开始添加一些东西吧!

右击选择打开方式,选择用记事本打开

html制作网页教程,html怎么制作简单网页?

点击其他应用可以看到记事本

试试看把标题改成“这是一个标题”,按快捷键ctrl+s保存

html制作网页教程,html怎么制作简单网页?

刷新一下浏览器,于是标题就变成了“这是一个标题”

html制作网页教程,html怎么制作简单网页?

那么我们就可以知道,修改<title></title>里面的内容可以改变标题;同时<title>标签是<head>标签中唯一要求包含的东西。

第六步

一鼓作气,再添加一些内容吧!

在<body></body>这一对标签里面加上这样一段话:

<p>Hello</p><p>World</p>

然后保存刷新

html制作网页教程,html怎么制作简单网页?

Hello World

恭喜你,你已经学会了最基础的网页制作了。

<p>这是什么意思呢?

这些被称为标签,上面出现尖括号的都属于标签,它们通常都是成对的,由开始标签和结束标签(结束标签加上斜杠)构成一组标签,例如<title></title>、<p></p>。

<p>标签定义段落,我们写文章一般是敲一下回车就换一行,但是网页不一样,你敲多少个回车都是不被识别的。

<p>有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴!</p><p><p></p>

可以看到上面的一段话,敲多少个回车都没有用,而下面的一段话,用两个<p>标签就换行了。

html制作网页教程,html怎么制作简单网页?

以上是关于“html制作网页教程,html怎么制作简单网页?”的所有内容。
由网友上传(或整理自网络)。转载请注明:http://www.xingexing.com/xitong/c4gmh9e4.html

相关推荐

  • 网页显示404怎么解决?网站404解决办法

    今天帮客户安装一个从服务器上打包下来的源码。由于打包下来的,需要自行导入数据库,配置数据库用户名密码之类的。不像常规安装那么简单。不过配置好了访问首页一看,大面积favicon.ico404NotFound。而客户给的网站源码并没有带这个文件。而现在默认的浏览器或者第三方程序都会自动访问这个文件。没办法,只能自己动手制作了。打开祖传photoshop还需要导入一个插件Iconpluginforph…

    时间:2023-07-11网络知识
    阅读:67次
  • 怎样把pdf转换成jpg格式的图片?如何将pdf转换成html网页格式呢

    HTML是万维网浏览器使用的一种语言,它消除了不同计算机之间信息交流的障碍。它是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。文本标记语言html在浏览器中我们会经常看到它,它是通过标记符号来标记要显示的网页中的各个部分。它如此实用导致我们有时会将pdf文件转换成html来使用,那么用什么来讲pdf文件转换成html呢?接下来我就教大家把pdf转换成html。转换工具:smallpdf…

    时间:2023-07-17软件教程
    阅读:80次
  • html布局的三种方式,html常见的三种页面布局方法

    这篇我们来讲讲CSS网页布局。一、网页布局网页布局有很多种方式,一般分为以下几个部分:头部区域、菜单导航区域、内容区域、底部区域。1.头部区域头部区域位于整个网页的顶部,一般用于设置网页的标题或者网页的logo:例<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>CSS项目(run…

    时间:2023-07-31网络知识
    阅读:39次
  • 苹果手机怎么改dns?DNS提示错误无法上网怎么办

    有许多mac用户遇到DNS出错打不开网页的情况,打开网页超慢这些都是DNS设置错误或者没有设置造成的,下面就来讲如何修复DNS错误无法上网的问题,简单几步帮你轻松搞定!NamoforMac(DNS服务器配置工具)下载地址:https://mac.orsoon.com/Mac/183345.html具体方法操作:一、首先进入Mac系统桌面,然后点击最左上角的苹果图标,在下拉菜单中选择【系统偏好设置】…

    时间:2023-08-03网络知识
    阅读:103次
  • html图片显示不出来,网页不显示图片怎么解决?

    浏览网页的时候,什么才是最重要的?是充满信息的文字?在这个快节奏的时代,图片才是碎片化时间中最容易传递信息的,也提供了许多有用的信息。因此在网页中,图片是不可或缺的存在。但是许多访客在浏览网页时遇到网页图片不能显示的问题,给网络应用带来了很大的不便。那么,网页不显示图片,是什么原因导致的?网速问题如果打开网页的时候无法打开图片,应先检查网速问题,如果网速太慢或某张图片太大,就会出现图片加载失败的情…

    时间:2023-08-13
    阅读:38次
  • pdf文件转换成html的方法,怎么把PDF文件转换成HTML?

    代码对于我们来说就是一群不认识的字母和符号,但是对于“码农们”来说就是他们的工作,可是我们在工作的时候想要差点pdf文件的代码怎么办呢?往往这个时候我们就需要将pdf文件转换html网页的形式来查看代码和进行编辑了,那么用什么将pdf文件转换成html网页的格式呢?如何将PDF文件转化成HTML代码呢?这里我使用smallpdf转换器来讲解那么下面我就把教程分享给大家。1、打开转换器进入软件的界面…

    时间:2023-08-24软件教程
    阅读:53次
  • 网正常但打不开网页,dns配置错误网页打不开教程

    电脑网络连接明明很正常,网页就是打不开,从路由器到网线检查过都是没有问题,出现这种故障的原因,应该就是DNS设置错误。DNS中文名为域名解析查询系统,主要是用来把域名和IP地址绑定,可以简单理解为是手机的通讯录,每一个人的姓名对应一个电话号码,通过人名就可以直接拨打对方的电话。首先要确定DNS在本地电脑上是否设定正常,可以通过ipconfig/all来查看自己电脑的DNS。如果本机的IP地址是DH…

    时间:2023-09-15操作系统
    阅读:107次
  • pdf怎么转换成html文件?pdf转html最简单的方法

    现在很多在校程序学生们时常在思考怎么对HTML网页进行编译以呈现出想要展现的内容。但是HTML犹如我们外语学习一样,一个网页有很多的HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。超文本标记语言标准的超文本标记语言文件都具有一个基本…

    时间:2023-09-17软件教程
    阅读:58次