21xrx.com
2024-09-17 04:34:50 Tuesday
登录
文章检索 我的文章 写文章
最近我学习了网页开发
2023-06-10 22:31:28 深夜i     --     --
HTML CSS JavaScript

最近我学习了网页开发,学过一些HTML、CSS和JavaScript的基础知识。接下来我尝试在本地打开并运行一个包含这三种文件的网页,以巩固自己的知识。

首先,我在本地创建一个文件夹,并将一个HTML文件、一个CSS文件和一个JavaScript文件分别命名为index.html、style.css和script.js。确保这些文件都在同一个文件夹下。

接下来,我用文本编辑器打开index.html文件,添加以下代码:


  本地打开的网页

 

 

欢迎来到本地网页!

 

这个HTML文件包含一个标题和一个h1标签中的欢迎信息。此外,它链接了我们的CSS文件,并在页面底部引入了我们的JavaScript文件。

为了将我们的CSS文件应用到页面上,我在style.css文件中添加了以下CSS代码:


h1

 color: blue;

这段代码将h1标签的文字颜色设置为蓝色。

接下来,我在script.js文件中添加一些JavaScript代码,让页面更加动态。以下是我编写的代码:


alert('欢迎来到本地网页!');

这段代码在页面加载时弹出一个对话框,显示欢迎消息。

现在,我可以在浏览器中打开index.html文件,完全本地地运行我创建的网页了!我很高兴能够在本地打开并运行自己编写的网页,这让我更加了解HTML、CSS和JavaScript的工作方式。

标题:本地打开网页:简单易行的代码结构

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复