Scribd Logo
Importer

Bienvenue sur Scribd !

  • 16 vues

    HTML S1 S2

    Transféré par

    tiamaria.atachian

    Droits d'auteur :

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

    HTML S1 S2

    Transféré par

    tiamaria.atachian
    16 vues3 pages

    Copyright

    © © All Rights Reserved

    Formats disponibles

    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 PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    16 vues3 pages

    HTML S1 S2

    Transféré par

    tiamaria.atachian

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Télécharger au format pdf ou txt
    Vous êtes sur la page 1sur 3

    Qu'est-ce qu'HTML ?

    HTML (Hypertext Markup Language) est le langage de base utilisé pour créer des pages
    web. Il permet de structurer le contenu d'une page web en utilisant des balises (tags) pour
    définir différents éléments tels que le texte, les images, les liens, etc.

    Structure de base d'une page HTML


    Une page HTML commence généralement par la déclaration du type de document, suivie
    de la balise `<html>` qui englobe tout le contenu de la page. Voici une structure de base :
    - `<html>` est la balise racine qui englobe tout le contenu de la page.
    - `<head>` contient des informations sur la page, telles que le titre dans `<title>`.
    - `<body>` contient le contenu visible de la page.

    Exemple :
    <html>
    <head>
    <title>Titre de la page</title>
    </head>
    <body>
    <!-- Contenu de la page -->
    </body>
    </html>

    a- Les balises de texte

    - `<h1>` à `<h6>` : Balises de titres (h1 est le plus important, h6 est le moins important).
    - `<p>` : Balise de paragraphe pour le texte.
    - `<strong>` : Texte en gras.
    - `<em>` : Texte en italique.
    - <b> - Bold text
    - <strong> - Important text
    - <i> - Italic text
    - <mark> - Marked text
    - <small> - Smaller text
    - <sub> - Subscript text
    - <sup> - Superscript text

    Exemple :

    <h1>Titre principal</h1>
    <p>Voici un <strong>texte en gras</strong> et un <em>texte en italique</em>.</p>
    ```
    b- Les listes :

    - `<ul>` : Liste non ordonnée.


    - `<ol>` : Liste ordonnée.
    - `<li>` : Élément de liste.
    Exemple de liste non ordonnée :
    <ul>
    <li>Élément 1</li>
    <li>Élément 2</li>
    <li>Élément 3</li>
    </ul>

    c- Les liens

    - `<a>` : Balise pour créer des liens hypertexte.

    Exemple :

    <a href="https://www.besancon.edu.lb">Visitez notre site web</a>


    ```

    d- Les images

    - `<img>` : Balise pour insérer des images.

    Exemple :

    <img src="image.jpg" alt="Description de l'image">

    e- Les commentaires

    Vous pouvez ajouter des commentaires dans votre code HTML pour expliquer ce que
    vous faites. Les commentaires ne seront pas affichés sur la page web.

    Exemple :

    <!-- Ceci est un commentaire -->

    f- Les tables :
    La balise `<table>` pour définir la table.
    `<tr>` sont utilisées pour définir chaque ligne de la table,
    `<th>` sont utilisées pour définir les en-têtes de colonne (généralement en gras et
    centrés).
    `<td>` sont utilisées pour définir les cellules de données.

    Le paramètre `border="1"` dans la balise `<table>` spécifie que la table doit avoir une
    bordure avec une épaisseur de 1 pixel. Vous pouvez ajuster cet attribut en fonction de vos
    préférences pour la bordure de la table.
    Exemple :
    <table border="1">
    <tr>
    <th>En-tête de colonne 1</th>
    <th>En-tête de colonne 2</th>
    <th>En-tête de colonne 3</th>
    </tr>
    <tr>
    <td>Ligne 1, Colonne 1</td>
    <td>Ligne 1, Colonne 2</td>
    <td>Ligne 1, Colonne 3</td>
    </tr>
    <tr>
    <td>Ligne 2, Colonne 1</td>
    <td>Ligne 2, Colonne 2</td>
    <td>Ligne 2, Colonne 3</td>
    </tr>
    </table>

    Exercice pratique

    Essayez de créer une page web simple en utilisant les concepts que vous venez
    d'apprendre. Vous pouvez écrire un petit paragraphe, ajouter un titre, une liste et une
    image.

    Vous aimerez peut-être aussi