美文网首页
02 - HTML5第一个项目:HelloWorld!(笔记)

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

作者: 爱恨的潮汐 | 来源:发表于2017-04-22 22:27 被阅读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->选择已安装的浏览器即可

    相关文章

      网友评论

          本文标题:02 - HTML5第一个项目:HelloWorld!(笔记)

          本文链接:https://www.haomeiwen.com/subject/klhezttx.html