但是,帮我们写了代码,这段代码如何运行?
不会吧。
代码确实是给出了简单的,它也只能给出一些标准化、的代码。再复杂的业务代码,它也无破坏力。他不会帮助部署环境,你也不知道什么是部署环境。
这个时候,你才意识到这句话的重要性:提出一个问题往往比解决一个问题更重要。
不管怎么样,我们总要尝试。
在这里,要提到正确的问题,他就会解决问题。
我叫他:写一个页面,包含头部、主体内容、尾部
这是它给我的代码:
<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>
懂的人自然懂。
小白要问了,这个代码是给了,但是怎么用?
问对了,这是关键。
我来告诉你,
1、在电脑里新建一个文本文件,命名为test.txt;
2、把上面的代码复制进去,保存;
3、修改文件后缀名为test.html;
完成,双击打开。这就是帮忙写的代码“渲染”后的结果。页面虽然丑陋,但从里面的代码结构看,这是一个相当标准的页面。
:写一个页面,包含头部、主体内容、尾部
丑归丑,他也没做错,他完全按照我的要求写了。有头,有主体,有尾部。
于是我又让他干点活:在上面的基础上,加一些款式,要求暗黑色风格。
它重新给了我完整的代码,实际上就是在这段时间之间增加了以上基础:
<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(超文本标记语言),任何一个互联网软件开发者至少都略懂,甚至连编程语言也算不上。