Lightly Logo
模板博客文档会员订阅
Lightly Logo
HTML Hello World
HTML+CSS+JavaScript项目的基础模板,通过Lightly可以实时预览网页效果,适合HTML初学入门
HTML
CSS
JavaScript
Lightly
项目大小:148 KB
HTML Hello World

HTML、CSS和JavaScript开发技能是Web开发的三项基本技能,可以通过它们创建静态网站、动态网站和各种类型的Web应用程序。HTML(HyperText Markup Language) 是一种标记语言,用于创建Web页面的结构和内容。CSS(Cascading Style Sheets) 是一种样式表语言,用于为Web页面添加样式和布局。JavaScript是一种脚本语言,用于为Web页面添加交互和动态效果。它可以与HTML和CSS相互配合,使得Web页面更加动态化和交互化。

模版简介

Lightly的“HTML Hello World”模版是一个基于Linux环境的Web项目示例模版,包含一个最基本的静态网站示例代码,支持CSS和JavaScript的语法高亮和提示,可一边编写一边实时预览。

如何使用

创建项目

点击模版中的 “立即运行” 按钮,将会打开Lightly “新建项目引导窗口” ,如果你的Lightly账号下有足够的空间,在确认项目名称后,系统将在几秒内为你创建项目。

预览效果

在Lightly代码编辑页面,右上角 预览 按钮可以选择在内置浏览器或者打开浏览器预览当前的HTML页面效果。

了解更多的HTML预览操作可以查看 Lightly文档:预览HTML

常见问题

访问本地文件

Lightly目前提供的是远程开发环境,文件和所有的依赖环境都存储在云端服务器上,本地的文件(例如 E:\image.jpg)文件无法直接访问。 本地文件可以先上传到项目里,然后通过项目里的相对路径或绝对路径访问。了解更多关于上传和下载的使用方法,可以查看 Lightly文档:上传下载

在HTML中嵌入CSS和JavaScript

建议使用相对路径在HTML中链接CSS和JavaScript文件。 例如通过以下代码链接同级目录css下面的style.css样式表文件

<link type="text/css" rel="stylesheet" href="css/style.css"/>

例如通过以下代码链接同级目录js下面的script.js文件

<script type="text/javascript" src="js/script.js"></script>