猫史档案馆

用户:

星空之忆查看:46 回复:56 评论:46 创建时间:2019-09-21T13:22:09

大家好，我是社区的一名萌新，FilogeSoft工作室爬虫组以及黑客攻防组成员：星空之忆（不要在意现在的名字，我是因为改了一下名字而改不回去导致的）。

今天，我来教大家编写简单的网站，这要用到H喵L，CSS和Javascipt。

H喵L的编写软件，建议使用HBuilder X。这个编写软件很好用，并且免费。大家可以登录其网站：https://www.dcloud.io/hbuilderx.html?tdsourcetag=s_pcqq_aiomsg，点击Download下载，下载后压缩文件，找到HBuilder X.zip文件，点击打开，将其添加到桌面，点开就可以使用了。

点开HBuilder X软件后，点击初始页面的左上角的“文件”，染后点击“新建”，再在新建类型中选择html文件。然后你会看到一个页面“新建html文件”。在命名框中的后缀名.html前把系统默认的文件名new_file删除，改为“介绍Python”（当然，你可以自己取名）。然后，你可以选择模版。

选择模版“default”后，你会看到有一些初始代码的编写页面，代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>

选择模版“含mui的html"后，同样也会看到有一些初始代码的编写页面，代码如下：

<!doctype html>
<html>

</html>

而最后一个模版”空白文件，打开后则是空白的，没有任何代码。

最适合初学者的模版是“default”，而这也是我们这次要用到的模版。

命名好文件并选择“default”模版后，你会看到刚才所说的初始代码。

这次我们只学如何快捷地制作简单网站，关于标签和概念等下次来学习。

首先，找到<title></title>这行代码，在它们的中间添加上文字“从零开始学习Python”，这是网页的主标题。

然后，再找到<body>标签，按回车键，在它的下一行添加<font size = "7">，这是用来设置文字大小的，这里用来设置网页副标题的文字大小，建议将大小设置为7，当然，你可以根据自己的爱好设置文字大小，只需修改数字大小即可。

然后，在<font size = "7">的后面添加“Python的优势是什么？”，这是网页的副标题，再在后面添加</h3>。

按回车键，在下一行写喵割标题和正文的标签<hr>。再按回车键。

接下来是可有可无的图片添加，你可以复制我的代码：<img src ="http://static.oschina.net/uploads/space/2014/0926/072006_BC7O_5189.png" >。

回车，在下一行在添加<font size = "6">，然后可以复制我的参考正文：

大家好！今天就让我们一起来了解高级脚本编程语言：Python吧！

Python从诞生之初就被誉为最容易上手的编程语言。进入当今火热的 AI 人工智能喵后，它也逐渐成为编程界的头牌语言。

Python是一入门快、功能强大、高效灵活的编程语言，学会之后无论是想进入数据分析、人工智能、网站开发、网络安全、集群运维这些领域，还是希望掌握第一门编程语言，都可以用 Python来开启美好未来的无限可能！

Python是人工智能（AI）和数据分析第一语言。

Google开源机器学习框架：TenserFlow。

开源社区主推学习框架：Scikit-learn。

百度开源深度学习框架：Paddle

... ...

以上框架，均有Python开发接口。

不仅如此，Python还含有优质的文档、丰富的AI库、机器学习库、自然语言和文本处理库。尤其是Python中的机器学习，实现了人工智能领域中大量的需求。

所以学习Python以后将大有可为。

记得要像上面一样隔行（是为了美观）。

在最后一句话后面添加标签</p>。

然后，我们的代码就完成了！

最终代码如下：

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>从零开始学习Python</title>
</head>

<body>
<font size = "7">Python的优势是什么？</h3>

<hr>

<font size = "6">大家好！今天就让我们一起来了解高级脚本编程语言：Python吧！

Python从诞生之初就被誉为最容易上手的编程语言。进入当今火热的 AI 人工智能喵后，它也逐渐成为编程界的头牌语言。

Python是人工智能（AI）和数据分析第一语言。

Google开源机器学习框架：TenserFlow。

开源社区主推学习框架：Scikit-learn。

百度开源深度学习框架：Paddle

... ...

以上框架，均有Python开发接口。

不仅如此，Python还含有优质的文档、丰富的AI库、机器学习库、自然语言和文本处理库。尤其是Python中的机器学习，实现了人工智能领域中大量的需求。

所以学习Python以后将大有可为。</p>
</body>
</html>

想让文件在浏览器里运行，可以点击页面上的“运行”，点击“运行到浏览器”，选择你想运行的浏览器（必须是你的电脑上有的浏览器），然后，就可以看到你的成果了。这里有运行结果：file:///C:/Users/Administrator/Desktop/%E7%BD%91%E9%A1%B5.html。点开即可查看。

关于如何在内置浏览器上运行和如何在360浏览器上运行，我们下次会学到。

————————————————-————————————————-—————————————

今天的H喵L简单网站的编写，你学会了吗？

可以在评论区提问，如果还有疑问可以问我。

支持我一下哟！谢谢大家~