网站制作,第一课,一分钟学会做网页

boyanx3周前技术教程8

有兴趣的朋友,看过来,用手机一分钟做出属于自己的网页。

1.下载一个文本编辑器软件,比如“超卓文本编辑器”。当然,如果你手机已经有文本编辑器,那就不用再下载了。

2.打开手机文件管理中的手机存储,新建文件夹,名字写“HTML”;这个文件夹一会用来保存你的网页。

3.打开编辑器,复制粘贴以下代码:<html>

<head>

<title>

这是我的网页

</title>

</head>

<body>

这是我做的第一个网页,真开心!

</body>

</html>

保存文件到刚刚建的“HTML”文件夹里,文件名字取“index.html”。

4.去手机存储里,找到并打开“HTML”文件夹,点击里面的“index.html”文件,你就能看到以下效果

5.接下来,我们讲解一下上面的代码:

<我是标签>,被<>这个符号包起来的叫做标签,把网页比作一堵墙的话,那这标签就是一块块的砖。

上面的标签都是成对的,有开始就有结束,比如<html></html>。当然,也存在单个体的标签,它们从一出生就被定义孤独终老。

<html> 标签代表着整个网页,所有内容都写在它里面。

<head> 标签代表着头部,用来声明一些代码。

<title> 标签代表这个页面的标题,就是浏览器显示网址的那个位置。

<body> 标签代表着身体,网页的所有正文内容,都被它容纳。

6.为什么该文件取名为“index.html”呢?

其实,取什么名字都可以(强调用英文)。

不过,后缀一定要写成“htm”或“html”,只有这样,浏览器才能识别得出这是一个网页文件。

7.堂课总结:

① 下载安装文本编辑器

② 新建文件夹,名字随意取(英文名)

③ 复制粘贴代码并保存,后缀写成“html”


期待下节课还能见到你们!

相关文章

i排版编辑器使用教程

一、进入i排版编辑器网页搜索栏中输入:www.ipaiban.com ,即可进入“i排版”编辑器进行图文编辑,右上角可点击注册/登录,以保存自己的图文消息。二、格式清除与一键排版“i排版”可以进行全文...

Typora开始收费,介绍几款免费的MarkDown编辑器

前两天,一场突如其来的新闻,让本来就不富裕的TJ君更是雪上加霜。什么事情呢?Typora,大家一定都在用吧,作为一款主打免费旗号的Markdown 编辑器,Typora一直是很多小伙伴的常备工具之一,...

GrapesJS:一款开源可视化网页编辑器

在数字化时代,网页设计和开发的效率成为了许多企业和开发者的关注焦点。今天,我们要介绍的是一款名为 GrapesJS 的开源可视化网页编辑器,它凭借其强大的功能和易用性,正在改变传统的网页构建方式。什么...

PDF编辑流程,另附5款好用的PDF编辑器

pdf作为一个用来定稿打印的格式,偏偏许多时候需要事后去编辑它。而它格式复杂、混乱,解码困难,再好的编辑器也难免乱码。这里就从目前的pdf编辑流程上给大家稍微科普下。首先,PDF编辑软件读取需要编辑的...

推荐五个优秀的富文本编辑器

富文本编辑器是一种可嵌入浏览器网页中,所见即所得的文本编辑器。对于许多从事前端开发的小伙伴来说并不算陌生,它的应用场景非常广泛,平时发个评论、写篇博客文章等都能见到它的身影。今天给大家介绍几款较为知名...

“傻瓜式”在线3D编辑器,小白也能轻松上手,你别不信

伴随着5G时代的到来,web3D交互展示技术发展的如火如荼。我们总能在网页上看到动态可交互的模型、展厅。人们看得过瘾,但却不知道它们制作的过程是很复杂的。它需要建模师进行建模渲染,然后由3D程序员通过...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。