Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Scribd Logo
Importer

Bienvenue sur Scribd !

  • 7 vues

    File 15

    Transféré par

    Houda Kamouss

    Droits d'auteur :

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

    File 15

    Transféré par

    Houda Kamouss
    7 vues3 pages

    Titre original

    file15

    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é ?

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format docx, pdf ou txt
    7 vues3 pages

    File 15

    Transféré par

    Houda Kamouss

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format docx, pdf ou txt
    sur 3

    1.

    Structure de base d'un document HTML

    Tout document HTML commence par une déclaration de type de document, suivie d'une
    balise <html>, puis des sections <head> et <body>. Voici un exemple simple :

    html
    Copier le code
    <!DOCTYPE html>
    <html>
    <head>
    <title>Titre de la page</title>
    </head>
    <body>
    <h1>Bienvenue sur ma page Web</h1>
    <p>Ceci est un paragraphe de texte.</p>
    </body>
    </html>

     <!DOCTYPE html> : Indique le type de document et la version de HTML utilisée


    (HTML5 dans ce cas).
     <html> : L'élément racine qui contient tout le contenu de la page.
     <head> : Contient les méta-informations, les liens vers les fichiers CSS, les scripts,
    etc.
     <title> : Titre de la page, qui apparaît dans l'onglet du navigateur.
     <body> : Contient le contenu visible de la page web.

    2. Balises HTML courantes

    a. Titres

    Les titres sont définis par les balises <h1> à <h6>, <h1> étant le plus important et <h6> le
    moins important.

    html
    Copier le code
    <h1>Titre principal</h1>
    <h2>Sous-titre</h2>

    b. Paragraphes

    Les paragraphes de texte sont définis avec la balise <p>.

    html
    Copier le code
    <p>Ceci est un paragraphe de texte.</p>

    c. Liens

    Les liens hypertexte sont créés avec la balise <a>. L'attribut href spécifie la destination du
    lien.

    html
    Copier le code
    <a href="https://www.example.com">Cliquez ici pour visiter Example.com</a>

    d. Images

    Les images sont insérées avec la balise <img>. L'attribut src spécifie l'URL de l'image et alt
    fournit un texte alternatif.

    html
    Copier le code
    <img src="image.jpg" alt="Description de l'image">

    e. Listes

    Il existe deux types de listes : non ordonnées (avec des puces) et ordonnées (numérotées).

     Liste non ordonnée : Utilise la balise <ul> et <li>.

    html
    Copier le code
    <ul>
    <li>Élément de liste 1</li>
    <li>Élément de liste 2</li>
    </ul>

     Liste ordonnée : Utilise la balise <ol> et <li>.

    html
    Copier le code
    <ol>
    <li>Premier élément</li>
    <li>Deuxième élément</li>
    </ol>

    3. Attributs HTML

    Les attributs fournissent des informations supplémentaires sur les éléments HTML. Par
    exemple :

    html
    Copier le code
    <a href="https://www.example.com" target="_blank">Visitez Example.com</a>

    Dans cet exemple, target="_blank" indique que le lien doit s'ouvrir dans un nouvel onglet.

    4. Formulaires

    Les formulaires permettent de recueillir des informations auprès des utilisateurs. Voici un
    exemple simple :

    html
    Copier le code
    <form action="/submit" method="post">
    <label for="name">Nom:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="Soumettre">
    </form>

     <form> : Conteneur pour les éléments de formulaire.


     action : URL de traitement du formulaire.
     method : Méthode d'envoi des données (get ou post).
     <label> : Étiquette pour un élément de formulaire.
     <input> : Élément de saisie (texte, bouton, etc.).

    5. Commentaires

    Les commentaires sont utilisés pour ajouter des notes dans le code, non affichées aux
    utilisateurs.

    html
    Copier le code
    <!-- Ceci est un commentaire -->

    Conclusion

    Voilà pour les bases du HTML ! Pour aller plus loin, vous pouvez explorer les concepts
    avancés comme les tableaux, les iframes, les formulaires complexes, les éléments
    multimédias, et bien sûr, le CSS et JavaScript pour le style et l'interactivité. N'hésitez pas à
    expérimenter en créant vos propres pages web !

    Vous aimerez peut-être aussi