02 - HTML5第一个项目:HelloWorld!(笔记)

2017-04-22  本文已影响93人  爱恨的潮汐

HTML5第一个项目:HelloWorld!

一、快速建立一个HTML文件

1、创建工程

打开WebStorm——Creat New Project——(左边栏)Empty Project——(给项目命名)——(选择)Creat(确认建立一个工程)

2、进入项目后创建HTML界面

【方法一】在命名处右键——New——HTML File
【方法二】command +N——HTML File

给页面命名,点击OK
中文英文均可,推荐用英文命名,多多练习英文才是正道

二、 编辑网页

WebStorm强大的地方就在于它已经划分好布局,只需填写执行代码即可完成页面。
这里我们增加的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是一个标题,比如首页</title>
</head>
<body>
你好,世界!
</body>
</html>

三、查看网页

方式一:将鼠标至于网页文本上,右侧会弹出浏览器图标,点击一个已安装的就可查看。

方式二:工具栏View->Open in Browser->选择已安装的浏览器即可

上一篇 下一篇

猜你喜欢

热点阅读