communauté
Apprendre
Bibliothèque d'outils
Outils d'IA
Loisirs
recherche
Français
Maison > outils de développement > webstorm > Comment Webstorm exécute HTML5

Comment Webstorm exécute HTML5

下次还敢
Libérer： 2024-04-08 18:24:23
original
1396 Les gens l'ont consulté

Étapes pour exécuter HTML5 dans WebStorm : créez un nouveau projet Web et sélectionnez "HTML5" comme modèle. Créez un nouveau fichier HTML avec une extension ".html" et ajoutez le code HTML de base. Cliquez sur le bouton Exécuter de la barre d'outils pour ouvrir le fichier HTML dans votre navigateur par défaut.

Comment Webstorm exécute HTML5

Exécuter HTML5 dans WebStorm

Pour exécuter HTML5 à l'aide de WebStorm, suivez ces étapes :

Étape 1 : Créer un projet

  • Ouvrez WebStorm et créez un nouveau projet Web.
  • Sélectionnez "HTML5" comme modèle.

Étape 2 : Créer un fichier HTML

  • Dans le répertoire du projet, cliquez avec le bouton droit et sélectionnez Nouveau > Fichier.
  • Nommez le fichier et étendez-le avec ".html".
  • Ajoutez le code HTML suivant dans le fichier : 
<!DOCTYPE html>
<html>
<head>
  <title>Hello HTML5</title>
</head>
<body>
  <h1>Hello HTML5!</h1>
</body>
</html>
Copier après la connexion

Étape 3 : Exécutez le fichier HTML

  • Ouvrez le fichier HTML dans WebStorm.
  • Cliquez sur le bouton "Exécuter" (icône triangulaire verte) dans la barre d'outils.
  • Dans la boîte de dialogue qui apparaît, sélectionnez "Navigateur par défaut".

WebStorm lancera le fichier HTML dans le navigateur par défaut. Vous devriez voir une page Web avec le texte « Bonjour HTML5 ! »

Astuce :

  • Vous pouvez également exécuter le fichier HTML en cliquant dessus avec le bouton droit et en sélectionnant "Exécuter".
  • Pour exécuter un projet avec plusieurs fichiers HTML, faites un clic droit sur le répertoire du projet et sélectionnez "Exécuter".
  • WebStorm détecte et installe également automatiquement les éléments HTML5 manquants.
  • Pour déboguer le code HTML5, utilisez les outils de débogage de WebStorm.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
webstorm
Article précédent：Comment Webstorm exécute le code Java Article suivant：Comment webstorm crée un projet vue
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
angulaire.js - syntaxe angulaire webstorm pas d'erreurs mais avertissement rouge ondulé ?
Depuis 1970-01-01 08:00:00
0
0
0
node.js - Comment démarrer et connecter la base de données MongoDB dans WebStorm?
Depuis 1970-01-01 08:00:00
0
0
0
Comment Webstorm soumet-il un projet local à un référentiel existant sur github (le projet a été créé sans extraction depuis github)
Depuis 1970-01-01 08:00:00
0
0
0
WebStorm : importer le composant de paramètres de script Vue 3
Depuis 1970-01-01 08:00:00
0
0
0
Il y a déjà un projet sur webstrom, comment le connecter à git
Depuis 1970-01-01 08:00:00
0
0
0
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal