序言

链接:零基础少儿编程入门教程(一)

链接:零基础少儿编程入门教程(二)

上两篇教程我们学会了怎么在网页里面简单的添加文本内容和图片。上面挂出了上两篇教程的链接,没看过的朋友先看前两篇教程。

少儿编程算法流程图(自己编写一个网站导航)(1)

开始编程

我们已经学会了怎么样在网页里面添加文本和图片;如果想要添加更多类型的内容,我们只要学会更多的标签就可以了。今天我们就做一个简单的网址导航页面。

网址导航其实就是把各种网址链接分类整理到一起,方便我们快速的查看浏览。有很多的著名的网址导航页,比如:hao123、2345网址导航、搜狗网址导航等等。

在<body>内添加一个<a>标签,代码如下:

网址导航其实就是把各种网页链接分类整理到一起,方便我们快速的查看浏览。有很多的著名的网址导航页,比如:hao123、2345网址导航、搜狗网址导航等等。<!doctype html> <html> <head></head> <body> <a href="https://www.baidu.com">百度搜素</a> </body> </html>

通过上述代码,我们打开的页面便有了一个今日头条的导航,效果如下:

少儿编程算法流程图(自己编写一个网站导航)(2)

当我们点击“今日头条”的时候,便可切换到头条网页里面。

<a>标签,可以在网页里面添加一个链接内容,其中“href”用来指定链接的地址,<a></a>之间用来写链接的描述(名称),是不是很简单呢?

接下来我们多添加几个链接试一试:

<!doctype html> <html> <head></head> <body> <h1>我喜欢的搜素引擎</h1> <a href="https://www.bai du.com">百度搜索</a> <a href="https://www.so gou.com">搜狗搜索</a> <h1>我喜欢的购物网址</h1> <a href="https://www.tao bao.com">淘宝购物</a> <a href="https://www.j d .com">京东购物</a> <a href="http://www.dang dang.com">当当图书</a> <h1>我喜欢的视频网址</h1> <a href="https://www.i qi yi.com">爱奇艺</a> <a href="https://www.you ku.com">优酷视频</a> </body> </html>

用我们前面学过的<h1>标签我们的链接做了个简单的分类标题。显示效果如下:

少儿编程算法流程图(自己编写一个网站导航)(3)

学会这招以后,我们可以将一些我们经常用到或者遇见的一些有价值的网址加入到我们自己的导航页面去。是不是很简单呢?

结束语

1、还是那句话,动手实践是最好最快的学习方法。

2、在看里教程以后遇到自己不能解决的问题后,不要因此而放弃,在评论区里面写下你的问题,一定会帮你解决障碍。

3、如果有幸能让您刷到这篇文章,并帮助您的孩子学到编程的知识,是我最大的期待和创作的动力。

在前两篇教程里由于小编的粗心,有一个错别字,“霜”字写成了“爽”字,纯属失误。发出去后才发现,由于最近几天官方文章修改功能处于维护当中,所以不能及时处理,给大家带来的不便,敬请谅解!

,