Scribd Logo
Importer

Bienvenue sur Scribd !

  • Structure de Vs Code

    Transféré par

    mahdouiwissem1
    13 vues7 pages

    Titre original

    Structure de vs Code (2)

    Copyright

    © © All Rights Reserved

    Formats disponibles

    DOCX, PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    13 vues7 pages

    Structure de Vs Code

    Transféré par

    mahdouiwissem1

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 7

    Codage

    de
    I.
    HTML
    Structure de vs code (codage de HTML) :

    1. Définir le type de HTML :

    < !doctype Html> == pour définir la version html 5

    2. L’ouverture et la fermeture de html :


    VS
    <Html>……………</html> cod
    < !doctype Html>
    <Html>

    e
    3. La tête de html :
    <Head> ………………..</Head>
    <Head> ………………..</Head> <body>…………….</body>

    4. Le corps de html : </html>

    <body>…………….</body>

    II. Autre code de HTML :


    1. Au niveau de HTML :

     Définir la langue d’écriture

    <html lang="ar"> … </html>

    Exemple : la langue française ‘’fr’’, ‘’ar ‘’,’’en’’


    2. Au niveau de Head :

     Meta :
     Pour accepter et supporter la langue arabe et autres
    langues :

    <meta charset="UTF-8">
    <meta chaset="utf-8>
     Pour ajouter des information dans votre site web
    :
    <meta name="description" content="Free Web tutorials">
    <meta name="description" content="cette site concerne les activite de l'EPI">

    Résultat :
     Pour ajouter les mots clé de votre site web pour déterminer
    les SEO : https://neilpatel.com/ubersuggest/

    <meta name="keywords" content="mot clé1, mot clé2, mot clé3">


    <meta name="keywords" content="école superieur ,faculté ,formation">
    NB : on va utlise le Ubersuggest.

     Pour la personne qui crée le site web :


    <meta name="author" content="John Doe">
    <meta name="author" content="chamkhi wafa">

    Définition de la fenêtre d'affichage pour que votre site Web s'affiche


    bien sur tous les appareils :

    <meta name="viewport" content="width=device-width, initial-


    scale=1.0">

     Refresh document every n seconds : (faire actualisation de votre site


    chaque n seconde) :

    <meta http-equiv="refresh" content="n">

     Titre :

    <title> kouJinitna.tn</title>
    Exemple :

    3. Au niveau de body :

     La taille du texte : fonction (h) de 1 à 6

    <hn> création de page web avec html : </hn>

     Style de texte : Gras et italique :

     Gras : fonction strong

    <strong>les images & les hyperliens:: </strong>

     Italique : fonction (em) :

    <em>moralité </em>

     Les tirées : fonction q

    <q>l'homme est un petit par ce qu'il cherche, le grand trouver.</q>

     Résultat :

    « L’homme est un petit par ce qu'il cherche, le grand trouver. »

     Pour écrire un paragraphe : fonction (p)

    <p> L’homme est un petit par ce qu'il cherche, le grand trouver </p>

     Pour faire retour à la ligne : fonction ( br)

    <br> citation</br> du jour:

     Résultat :
    citation
    du jour:
     Pour faire une ligne entre les paragraphes : fonction (hr/)

    <h1> création de page web avec html </h1><h2> partie n°1:</h2><h3>la citation
    du jour: </h3>
    <blockquote><p><q>l'homme est un petit par ce qu'il cherche, le grand
    trouver.</q> de <strong>paul valery.extrait
    de</strong><em><strong>moralité .</strong></em></p></blockquote>

    <hr/>
     Faire un première espace : (block quote) :

    <blockquote><p><q>l'homme est un petit par ce qu'il cherche, le grand


    trouver.</q> de <strong>paul valery.extrait
    de</strong><em><strong>moralité .</strong></em></p></blockquote>

     Résultat :
    Block quote = espace Vide

     Pour faire l’acronyme : fonction (abbr) : expliquer les en abbraiviation comme


    KPI(clé de perfermance indicateur)
    <abbr title="école plundiciplinaire internationale"> EPI</abbr> digital
    School. <img src=" EPI.jpg" alt=" logo EPI"/>

     Résultat :
    EPT : école plundiciplinaire internationale
     Fonction
    mathématique
    pour écrire :

     Pour écrire x en fonction de n au-dessous : (fonction Sub)

    x<sub>1</sub>

     Résultat :

    ‘’x1 exposant y1’’

     Pour écrire x en fonction de n au-dessus : (fonction Sup)

    x<sup>1</sup>

     Résultat :

    x1 1
     Comment importer les images dans votre site web en utilisant le HTML :
    <img src=" EPI.jpg" alt=" logo EPI"/>

    1. Ecrire la codage pour les images

    2. Cliquez A gauche sur l’image qui trouver dans un dossier de HTML

    3. Propriété / titre d’image

    4. Copier / coller sur src dans vs code

    5. Dans alt écrire logo/ photo + (nom photo)

    6. Ctrl + s puis Actualiser votre page web

     Pour afficher le codage d’un site web :

    1. Entrer dans la site


    2. Cliquez à gauche
    3. Cliquez sur inspect

    Vous aimerez peut-être aussi