webstorm怎样新建html页面？HTML页面基本格式介绍

迷南。 2022-02-15 05:54 1511阅读 0赞

## webstorm怎样新建html页面？HTML页面基本格式介绍 ##

## 1. webstorm怎样新建html页面？ ##

## 1.我们首先在自己电脑里面新建一个文件夹，用来存放HTML项目 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]

# **2.接下来就可以打开我们的webstorm** #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]**3.新建项目，选择存储位置**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]4.**进入了工具，里面没有任何文件与项目，需要自己建立**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 3]5。建好html页面后，会自动给我们成页面的基本格式，我们只需要编写html代码即可  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 4]

## HTML页面基本格式介绍 ##

<!DOCTYPE html>  
    <html lang="en">  
    <head>  
        <meta charset="UTF-8">  
        <title>示例1.HTML5的基本格式</title>   
    </head>
    
    <body>
      第一节，介绍HTML5的基本格式！！！
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70]: /images/20220215/99b5a80178cb4babbe7fcc7d8b7c3293.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 1]: /images/20220215/3902a505e2744ccc8086ebbd0011ea6e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 2]: /images/20220215/424d0e510e28481dae5935bd901991c8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 3]: /images/20220215/94d23bba279c4454a5d041856f6616cd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxOTk5ODE5_size_16_color_FFFFFF_t_70 4]: /images/20220215/874624eddb1847c4b12c9b1bb7da6e64.png