chatgpt官网语言设置页面 如何用chatGPT写一个小网页?

默认分类1年前 (2023)发布 admin
1,038 0
ChatGPT国内版

火了,都说他能写代码

仿佛全世界的人都能编程了。

但是,帮我们写了代码,这个代码该怎么运行?

不会了吧。

代码确实是给出了,它也只能给出一些标准化、简单的代码。再复杂的业务代码,它也无能为力。他不会帮你部署环境,你也不知道什么是部署环境。

这个时候,你才意思到那句话的重要性:提出一个问题往往比解决一个问题更重要。

不管怎么样,我们总要尝试。

在里,要提到那个正确的问题,他才会帮你解决问题。

我叫他:写一个页面,包含头部、主体内容、尾部

这是它给我的代码:

<html lang="en"><head>  <meta charset="UTF-8">  <title>My Page</title></head><body>    <header>    <h1>Welcome to My Page</h1>    <nav>      <ul>        <li><a href="#">Home</a></li>        <li><a href="#">About</a></li>        <li><a href="#">Contact</a></li>      </ul>    </nav>  </header>
<main> <section> <h2>About Me</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor enim quis lectus posuere, ac efficitur tellus pretium. Quisque egestas gravida sapien, in pretium orci bibendum vel. Praesent maximus sodales enim, id eleifend ex ornare eu. Sed interdum felis in eros faucibus, at tincidunt est cursus. Morbi eget ipsum id enim venenatis malesuada.</p> </section>
<section> <h2>My Projects</h2> <ul> <li><a href="#">Project 1</a></li> <li><a href="#">Project 2</a></li> <li><a href="#">Project 3</a></li> </ul> </section> </main>
<footer> <p>© 2023 My Company</p> </footer></body></html>

chatgpt官网语言设置页面 如何用chatGPT写一个小网页?

懂的人自然懂。

小白要问了,这个代码是给了,但是要做怎么用?

问对了,这是关键。

我来告诉你,

1、在电脑里新建一个文本文件,命名为test.txt;

2、把以上的代码复制进去,保存;

3、修改文件后缀名为test.html;

完成,双击打开。这就是帮忙写的代码“渲染”后的结果。页面尽管丑,但从里面的代码结构看,这是一个相当标准的页面。

:写一个页面,包含头部、主体内容、尾部

丑归丑,他也没有做错,他完全按照我的要求写了。有头部,有主体,有尾部。

chatgpt官网语言设置页面 如何用chatGPT写一个小网页?

于是我再让他干点活:在上面的基础上,加一些样式,要求暗黑色风格。

它重新给我我完整的代码,实际就是在以上基础增加了之间这一段:

<html lang="en"><head>  <meta charset="UTF-8">  <title>My Page</title> <style> /* 设置全局样式body {background-color: #111;color: #fff;font-family: Arial, sans-serif;}/* 设置标题样式 */h1 {  color: #eee;  text-align: center;}/* 设置链接样式 */a {  color: #fff;  text-decoration: none;}/* 设置列表样式 */ul {  list-style: none;  padding: 0;}/* 设置列表项样式 */li {  margin: 10px 0;}</style></head><body>    <header>    <h1>Welcome to My Page</h1>    <nav>      <ul>        <li><a href="#">Home</a></li>        <li><a href="#">About</a></li>        <li><a href="#">Contact</a></li>      </ul>    </nav>  </header>
<main> <section> <h2>About Me</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor enim quis lectus posuere, ac efficitur tellus pretium. Quisque egestas gravida sapien, in pretium orci bibendum vel. Praesent maximus sodales enim, id eleifend ex ornare eu. Sed interdum felis in eros faucibus, at tincidunt est cursus. Morbi eget ipsum id enim venenatis malesuada.</p>    </section> <section> <h2>My Projects</h2> <ul> <li><a href="#">Project 1</a></li> <li><a href="#">Project 2</a></li> <li><a href="#">Project 3</a></li> </ul> </section>  </main> <footer> <p>© 2023 My Company</p> </footer></body></html>

发现它有点飘了,页面长这样。

把标题居中了,而且有点看不清了,另外几段,直接“透明了”,看不见了。

对暗黑的理解,该不会是看不见的意思吧?

尽管没有达到我的要求,但是写的网页我们已经运行起来了。

编程语言有很多种,有JAVA、PHP、、C#、C++、Swift等等。

上面举例的,叫HTML(超文本标记语言),任何一个互联网软件开发者都至少略懂,它甚至连编程语言也算不上。

每种语言都有自己的运行环境,需要安装各种软件才能运行。所以,小白单靠,目前还是无法成为编程小能手的。

© 版权声明
广告也精彩

相关文章

暂无评论

暂无评论...