本教程适合那些想要开门见山、只设置一个项目并开始编码的人。
为 html、css 和 javascript 文件创建一个文件夹。
在刚刚创建的文件夹中创建文件
虽然文件的外观可能因电脑而异,但请确保文件描述与上图相同。
将 css 和 javascript 文件链接到 html 文件
在链接文件时,记下每个文件在文件夹中的位置至关重要。在我们的例子中,文件都位于同一级别,这将使链接直接进行。
html 文件的内容应如下所示
`
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>document</title> </head> <body> </body> </html>登录后复制
`
立即学习“Java免费学习笔记(深入)”;
我们将使用 2 个不同的标签来链接 css 和 js 文件,因为它们需要不同类型的标签来链接它们。
我们使用标签来链接 css 文件。然后我们使用 rel 和 href 属性来指示链接标签内容与页面的关系以及 css 文件所在的位置。它看起来像这样。
ink 标签应放在 head 标签之间。
对于 javascript 文件,我们使用 script 标签并在 src 属性中传递 javascript 文件的位置。看起来像这样。
请注意,脚本标签可以放置在 head 标签和 body 标签内,但是出于性能目的,建议将 script 标签放置在 body 标签的底部,这样它最后被解析。它也可以放置在 head 中带有
的标签 添加“异步”或“延迟”属性以复制类似的加载行为。
如果您按照上面的说明进行操作,则 html 文件的内容应如下所示。
`
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="index.css" /> </head> <body> [removed][removed] </body> </html>登录后复制
`
立即学习“Java免费学习笔记(深入)”;
现在你已经有了一个非常基本的 html、css 和 javascript 设置。如果您有任何疑问或遇到困难,请在评论部分留下您的问题,我会回复。
以上就是如何建立基本的 Html、css 和 javaScript 项目的详细内容,更多请关注慧达安全导航其它相关文章!
免责 声明
1、本网站名称:慧达安全导航
2、本站永久网址:https//www.huida178.com/
3、本站所有资源来源于网友投稿和高价购买,所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习,本站不提供任何技术服务!
4、本站所有资源的属示图片和信息不代表本站的立场!本站只是储蓄平台及搬运
5、下载者禁止在服务器和虚拟机下进行搭建运营,本站所有资源不支持联网运行!只允许调试,参考和研究!!!!
6、未经原版权作者许可禁止用于任何商业环境,任何人不得擅作它用,下载者不得用于违反国家法律,否则发生的一切法律后果自行承担!
7、为尊重作者版权,请在下载24小时内删除!请购买原版授权作品,支持你喜欢的作者,谢谢!
8.若资源侵犯了您的合法权益,请持 您的版权证书和相关原作品信息来信通知我们!QQ:1247526623我们会及时删除,给您带来的不便,我们深表歉意!
9、如下载链接失效、广告或者压缩包问题请联系站长处理
10、如果你也有好源码或者教程,可以发布到网站,分享有金币奖励和额外收入!
11、本站资源售价只是赞助,收取费用仅维持本站的日常运营所需
12、因源码具有可复制性,一经赞助,不得以任何形式退款。
13、本文内容由网友自发贡献和站长收集,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系1247526623@qq.com
转载请注明出处: 慧达安全导航 » 如何建立基本的 Html、css 和 javaScript 项目
发表评论 取消回复