Guide d'utilisation de Visual Studio Code
Traduit par
ScribdTranslationsGuide d'utilisation de Visual Studio Code
Traduit par
ScribdTranslationsComment utiliser Visual Studio Code ?
Año 2022
Structure de base de toute page web
- Cree en el escritorio la carpetaAEW_Semana_03y dentro de ella cree las
carpetasaudios,css,docs,imagenes,paginasyvideos
Utilisation de Visual Studio Code
Entrez dans Visual Studio Code
double clic
Sélectionnez Fichier/Ouvrir le dossier…
- Ubique la carpetaAEW_Semana_03
- Appuyez sur le bouton [Sélectionner un dossier]
- Fermez l'ongletBienvenue
clic
- Dans le sous-dossier, faites un clic droit et sélectionnez Nouveau fichier
clic droit
clic
- Tapez [Link] puis [Entrée]
- Dans la ligne 1, tapez html:5
clic
- Observez le code généré automatiquement
- Appuyez sur [Ctrl][S] pour enregistrer
- Appuyez sur [F5] pour exécuter le programme
- Sélectionnez le navigateur Chrome et observez l'exécution
clic
- Cierre el navegador
- Sélectionnez Exécuter/Ajouter une configuration…
Sélectionnez par défaut le navigateur Chrome
- Observe que se ha creado la [Link] contiene al archivo de
[Link]
clic
À partir de maintenant, le programme sera exécuté automatiquement dans le navigateur.
Chrome
Étiquettes de base
Título <title>
- Cambie el textoDocumentpor:
Exemple
- Appuyez sur [Ctrl][S] pour enregistrer les modifications
- Appuyez sur [F5] pour exécuter le programme
En-têtes <h1> … <h6>
<h1>y a continuación el texto:
Curiosités
- Tapez <h2>y a continuación le texte :
Mots qui se forment avec les mêmes lettres
Ligne horizontale <hr>
- Tapez <hr>
Saut de ligne <br>
- Tapez <br>
<p>
- Digite <p>y a continuación el texto:
Veamos
Commentaire -->
<!-- Jouons avec les lettres -->
Liste ordonnée <ol>
- Tapez <ol>
<li>CAMARON.- crustacé marino o de agua dulce</li>
<li>CARMONA.- municipalité espagnole de la province de Séville</li>
<li>MANCORA.- station balnéaire du Pérou</li>
<li>MARCONA.- localité minière du Pérou</li>
- Entrez <li>MONARQUE.- chef d'une ethnie ou d'un pays</li>
- Tapez </ol>
Liste désordonnée <ul>
- Tapez <ul>
<li>CAMARON.- crustacé maritime ou d'eau douce</li>
<li>CARMONA.- municipalité espagnole de la province de Séville</li>
<li>MANCORA.- station balnéaire du Pérou</li>
<li>MARCONA.- localité minière du Pérou</li>
<li>MONARQUE.- chef d'une ethnie ou d'un pays</li>
- Tapez </ul>
Textes :
- Mise en exergue<em>
-Reforzado<strong>
-Renforcé + souligné<strong> <em>
- Pulse [Ctrl][S]
- Impulsion [F5]
Styles de base en ligne
Couleur de fond
Déplacez la souris à l'intérieur de la
balise <body>
- Appuyez sur la barre d'espace <body >
- Tapez les lettres <body s>
- Sélectionnez le style <bodystyle="">
Dans les guillemets, appuyez sur la lettre <body style="b">
- Sélectionnez la couleur d'arrière-plan et choisissez cadet blue
Couleur de texte alignée au centre
Déplacez la souris à l'intérieur de la balise <h1>
Appuyez sur la barre d'espace <h1 >
Tapez les lettres <h1 s>
- Sélectionnez le style <h1style="">
- À l'intérieur des guillemets, appuyez sur la lettre <h1 style="c">
- Sélectionnez la couleur et choisissez le bleu <h1 style="color: blue;">
- Tapez la lettre <h1style="color: blue;t">
- Sélectionnez l'alignement du texte et choisissez centrer
Alignement du paragraphe
- Ajoutez le paragraphe suivant avec le style indiqué
- Appuyez sur [Ctrl][S]
Pulse [F5]
Être tenace dans notre travail, c'est le faire avec effort, acharnement et dévouement.
MP