Les bases du HTML et CSS

Bienvenue dans la formation sur les bases du HTML ! Le HTML, ou HyperText Markup Language, est un langage essentiel pour la création de pages web. Dans cette formation, vous apprendrez les fondements du HTML et comment l’utiliser pour structurer et organiser le contenu de vos pages web.

Au cours de cette formation, nous explorerons les éléments clés du HTML. Nous commencerons par comprendre la structure de base d’une page HTML et l’utilisation des balises. Vous apprendrez à créer des titres, des paragraphes, des listes et à insérer des images et des liens dans vos pages web.

Nous découvrirons également comment créer des formulaires interactifs pour collecter des informations auprès des utilisateurs. Vous apprendrez à utiliser différents types de champs de saisie et à valider les données côté client.

Enfin, nous aborderons les bases du CSS (Cascading Style Sheets) pour ajouter du style et de la mise en page à vos pages web. Vous apprendrez à lier des fichiers CSS à votre page HTML et à appliquer des styles pour modifier les couleurs, les polices, les marges et les bordures.

À la fin de cette formation, vous aurez une compréhension solide des bases du HTML et vous serez en mesure de créer des pages web simples et bien structurées. Préparez vous à explorer le monde passionnant de la création de sites web avec le HTML !

Structure de base d’une page HTML

La structure de base d’une page HTML est composée de plusieurs éléments essentiels. Voici une explication détaillée de chaque élément :

  • Balise `<html>` : C’est la balise racine qui enveloppe tout le contenu de la page HTML. Elle indique au navigateur que le document est écrit en HTML.
  • Balise `<head>` : Elle contient des informations sur la page HTML qui ne sont pas visibles par les utilisateurs. On y place des éléments tels que le titre de la page, les méta-informations (comme la description et les mots-clés pour le référencement), ainsi que des liens vers des fichiers CSS et JavaScript externes.
  • Balise `<title>` : C’est à l’intérieur de cette balise que vous définissez le titre de votre page, qui s’affiche dans la barre de titre du navigateur.
  • Balise `<body>` : Elle englobe tout le contenu visible de la page web. C’est à l’intérieur de cette balise que vous ajoutez le texte, les images, les liens et autres éléments que les utilisateurs pourront voir et interagir avec.

Il est important de noter que l’ordre des balises dans la structure est crucial. La balise `<html>` contient à son tour la balise `<head>` et la balise `<body>`, qui ne doivent pas être inversées. Voici à quoi ressemble une structure de base d’une page HTML :

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Titre de la page</title>
    <!-- Autres balises du head (méta-informations, liens CSS, etc.) -->
</head>
<body>
    <!-- Contenu visible de la page (texte, images, liens, etc.) -->
</body>
</html>

Comment voir le rendu du code ?

Comme annoncé dans le chapitre précédent pour mener à bien notre travail de développement informatique, nous aurons besoin d’un éditeur de texte efficace et nous avons opté pour cette formation à Visual Studio Code.

  • Alors nous allons ouvrir notre application VsCode
  • Créer un nouveau fichier en appuyant sur l’onglet File->New File
  • Insérer le contenu du code précédent
  • Enregistrer le contenu du fichier en appuyant sur l’onglet File->save
  • Vous verrez un menu contextuel s’afficher qui vous permettra d’indiquer l’emplacement, le nom du fichier ainsi que l’extension (le type de fichier). Dans notre exemple, nous l’appellerons first-page.html . ensuite vous pourrez appuyer sur le bouton Enregistrer.
  • Maintenant, que nous avons enregistré le fichier si nous nous rendons à l’emplacement du fichier, nous pourrons voir le fichier et si vous faites un double-clic sur le fichier vous verrez le rendu suivant dans votre navigateur

NB : cela ne ressemble à rien pour le moment, car nous n’avons pas encore ajouté de contenu dans la balise `<body>` que nous verrons par la suite.

Balises de texte

Les balises de texte en HTML permettent de structurer et de formater le contenu textuel d’une page web. Voici quelques-unes des balises de texte les plus couramment utilisées :

  • Balises de titres <h1> à <h6> : Ces balises sont utilisées pour définir les titres et les sous-titres de la page. La balise <h1> est utilisée pour le titre principal, tandis que les balises <h2> à <h6> sont utilisées pour les niveaux de titres inférieurs, avec <h6> étant le niveau le plus bas.

Exemple :

HTML
<h1>Titre principal</h1>
<h2>Sous-titre</h2>
  • Balise de paragraphe <p> : Cette balise est utilisée pour définir des paragraphes de texte.

Exemple :

HTML
<p>Ceci est un paragraphe.</p>
  • Balises de mise en forme : Les balises telles que <strong>, <em> et <u> sont utilisées pour appliquer des styles de mise en forme spécifiques au texte.

<strong> : Utilisé pour mettre en évidence le texte en le rendant gras.

<em> : Utilisé pour mettre en évidence le texte en le rendant italique.

<u> : Utilisé pour souligner le texte.

Exemple :

HTML
<p><strong>Important :</strong> Ceci est un texte important.</p>
<p><em>Note :</em> Ceci est une note.</p>
<p><u>Souligné :</u> Ceci est un texte souligné.</p>
  • Balise de saut de ligne <br> : Cette balise est utilisée pour effectuer un saut de ligne, utile lorsque vous souhaitez séparer le texte en plusieurs lignes.

Exemple :

HTML
<p>Ceci est une première ligne.<br>
Ceci est une deuxième ligne.</p>
  • Balise de citation <blockquote> : Cette balise est utilisée pour mettre en évidence une citation ou un extrait de texte.

Exemple :

HTML
<blockquote>
    <p>La citation va ici.</p>
    <footer>Source de la citation</footer>
</blockquote>

Ces balises de texte vous permettent de structurer et de formater votre contenu textuel de manière appropriée. Utilisez-les en fonction du type de contenu que vous souhaitez afficher et n’hésitez pas à combiner plusieurs balises pour obtenir le rendu souhaité.

Liens et images

Les liens et les images sont des éléments essentiels pour créer des pages web interactives et visuellement attrayantes. Voici comment les utiliser dans le HTML :

  • Liens (<a>): Les liens sont utilisés pour permettre aux utilisateurs de naviguer vers d’autres pages web ou sections de la même page. La balise <a> est utilisée pour créer un lien, et l’attribut href est utilisé pour spécifier l’URL de destination.

Exemple de lien vers une autre page :

HTML
<a href="https://www.youskil.com/">Visitez notre site</a>

Exemple de lien vers une section de la même page :

HTML
<a href="#section-id">Aller à la section</a>
  • Images (<img>): Les images sont utilisées pour afficher des éléments visuels sur une page web. La balise <img> est utilisée pour insérer une image dans le contenu de la page, et l’attribut src est utilisé pour spécifier l’emplacement de l’image.

Exemple d’insertion d’une image :

HTML
<img src="chemin/vers/image.jpg" alt="Description de l'image">

L’attribut alt est utilisé pour fournir un texte alternatif qui est affiché si l’image ne peut pas être chargée ou si l’utilisateur utilise un lecteur d’écran.

  • Liens avec des images : Il est également possible de transformer une image en un lien en plaçant la balise <img> à l’intérieur de la balise <a>.

Exemple de lien avec une image :

HTML
<a href="https://www.youskil.com">
    <img src="chemin/vers/image.jpg" alt="Description de l'image">
</a>

Dans cet exemple, cliquer sur l’image dirigera l’utilisateur vers l’URL spécifiée.

Il est important de noter que les chemins vers les images doivent être correctement spécifiés pour que les navigateurs puissent les trouver. Les chemins peuvent être des URL absolues (pour les images hébergées en ligne) ou des URL relatives (pour les images stockées sur le même serveur que la page HTML).

En utilisant les balises de liens et d’images, vous pouvez créer des liens vers d’autres pages, des sections de la même page, ou afficher des images pour rendre votre contenu plus visuel et interactif.

Listes et tableaux

Les listes et les tableaux sont des éléments importants pour organiser et présenter des données de manière structurée sur une page web. Voici comment les utiliser dans le HTML :

  • Listes :

a) Listes non ordonnées (<ul> – Unordered List) : Les listes non ordonnées sont utilisées pour présenter des éléments sans ordre spécifique. Chaque élément de la liste est enveloppé dans la balise <li> (List Item).

Exemple de liste non ordonnée :

HTML
<ul>
    <li>Élément 1</li>
    <li>Élément 2</li>
    <li>Élément 3</li>
</ul>

Résultat

  • Élément 1
  • Élément 2
  • Élément 3

b) Listes ordonnées (<ol> – Ordered List) : Les listes ordonnées sont utilisées pour présenter des éléments dans un ordre spécifique. Chaque élément de la liste est également enveloppé dans la balise <li>.

Exemple de liste ordonnée :

HTML
<ol>
    <li>Élément 1</li>
    <li>Élément 2</li>
    <li>Élément 3</li>
</ol>

Résultat

  1. Élément 1
  2. Élément 2
  3. Élément 3

c) Listes de définitions (<dl> – Definition List) : Les listes de définitions sont utilisées pour afficher des termes et leurs définitions associées. Les termes sont définis avec la balise <dt> (Definition Term), et les définitions sont définies avec la balise <dd> (Definition Description).

Exemple de liste de définitions :

HTML
<dl>
    <dt>Terme 1</dt>
    <dd>Définition 1</dd>
    <dt>Terme 2</dt>
    <dd>Définition 2</dd>
    <dt>Terme 3</dt>
    <dd>Définition 3</dd>
</dl>
  • Tableaux (<table>): Les tableaux sont utilisés pour afficher des données tabulaires. Ils sont composés de lignes (<tr> – Table Row) et de cellules (<td> – Table Data). Les en-têtes de colonne peuvent être définis avec la balise <th> (Table Header).

Exemple de tableau simple :

HTML
<table>
    <tr>
        <th>Nom</th>
        <th>Âge</th>
    </tr>
    <tr>
        <td>John Doe</td>
        <td>25</td>
    </tr>
    <tr>
        <td>Jane Smith</td>
        <td>30</td>
    </tr>
</table>

Résultat

NomÂge
John Doe25
Jane Smith30

Dans cet exemple, nous avons un tableau avec deux colonnes (Nom et Âge) et deux lignes de données.

Vous pouvez personnaliser davantage les listes et les tableaux en utilisant des attributs et des styles CSS pour ajuster l’apparence et le comportement. Cependant, ces exemples donnent une base solide pour créer des listes et des tableaux structurés dans votre page web.

Les Formulaires

Les formulaires en HTML permettent aux utilisateurs d’interagir avec votre site web en saisissant des informations et en les soumettant. Voici comment créer des formulaires :

  • Balise <form> : La balise <form> est utilisée pour créer un formulaire. Elle englobe tous les éléments du formulaire et spécifie comment les données doivent être soumises. L’attribut action définit l’URL où les données doivent être envoyées lors de la soumission du formulaire, et l’attribut method spécifie la méthode d’envoi des données (généralement « GET » ou « POST »).

Exemple de balise <form> :

HTML
<form action="traitement.php" method="POST">
    <!-- Les éléments du formulaire vont ici -->
</form>
  • Éléments de saisie : Il existe différents types d’éléments de saisie que vous pouvez utiliser dans un formulaire. Voici quelques exemples

a) Balise <input> : Elle est utilisée pour créer des champs de saisie simples tels que du texte, des mots de passe, des cases à cocher, des boutons radio, etc. L’attribut type spécifie le type d’élément de saisie.

Exemple de champ de saisie de texte :

HTML
<input type="text" name="nom" placeholder="Entrez votre nom">

b) Balise <textarea> : Elle est utilisée pour créer un champ de saisie de texte multiligne.

Exemple de champ de saisie de texte multiligne :

HTML
<textarea name="message" rows="4" cols="30"></textarea>

c) Balise <select> : Elle est utilisée pour créer une liste déroulante.

Exemple de liste déroulante :

HTML
<select name="pays">
    <option value="france">France</option>
    <option value="espagne">Espagne</option>
    <option value="italie">Italie</option>
</select>

d) Balise <button> : Elle est utilisée pour créer un bouton dans le formulaire.

Exemple de bouton de soumission :

HTML
<button type="submit">Envoyer</button>

e) Éléments d’étiquetage : Les balises <label> sont utilisées pour étiqueter les éléments de saisie. Elles améliorent l’accessibilité et permettent aux utilisateurs de cliquer sur le texte associé à un élément de saisie pour le sélectionner.

Exemple d’étiquetage avec la balise <label> :

HTML
<label for="nom">Nom :</label>
<input type="text" name="nom" id="nom">

Dans cet exemple, le texte « Nom : » est étiqueté avec la balise <label> et est associé à l’élément de saisie <input> via l’attribut for et l’ID correspondant.

f) Validation du formulaire : Vous pouvez utiliser l’attribut required pour rendre un champ de saisie obligatoire, empêchant ainsi la soumission du formulaire si le champ est vide.

Exemple de champ de saisie obligatoire :

HTML
<input type="text" name="nom" required>

Il existe d’autres fonctionnalités et attributs avancés pour les formulaires en HTML, tels que la validation côté client avec l’attribut pattern, l’utilisation de groupes de boutons radio, la gestion des fichiers avec <input type="file">, etc.

Lorsque le formulaire est soumis, les données peuvent être traitées côté serveur avec des langages de programmation tels que PHP, Python, etc., pour effectuer des actions supplémentaires telles que le stockage des données dans une base de données.

En utilisant ces concepts de base, vous pouvez créer des formulaires interactifs sur votre site web, collecter des informations auprès des utilisateurs et les traiter en conséquence.

Exercice

Maintenant que nous avons parcourut les différentes balises, nous allons mettre en pratique nos connaissance:

Vous êtes chargé de créer une page web interactive pour une entreprise fictive nommée « Tech Solutions ». La page doit contenir les éléments suivants :

  1. Un formulaire de contact permettant aux visiteurs d’envoyer un message à l’entreprise. Le formulaire doit inclure les champs suivants :
    • Un champ de saisie pour le nom complet.
    • Un champ de saisie pour l’adresse e-mail.
    • Une liste déroulante pour sélectionner le sujet du message.
    • Un champ de saisie de texte multiligne pour le contenu du message.
    • Un bouton de soumission pour envoyer le formulaire.
  2. Un lien avec une image cliquable menant à la page de produits de l’entreprise. L’image doit représenter une sélection de produits technologiques.
  3. Deux paragraphes de texte décrivant brièvement l’entreprise et ses services. Le premier paragraphe doit être en gras pour attirer l’attention sur les informations clés.
  4. Une liste non ordonnée présentant les avantages de choisir Tech Solutions comme partenaire technologique. La liste doit comporter au moins cinq avantages.
  5. Une liste de définitions présentant les termes techniques les plus couramment utilisés dans le domaine de la technologie. Chaque terme doit être suivi de sa définition correspondante.

Veillez à utiliser les balises HTML appropriées pour chaque élément.

Résolution

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Tech Solutions - Page d'accueil</title>
    
</head>
<body>
    <h1>Bienvenue chez Tech Solutions</h1>
    
    <h2>À propos de nous</h2>
    <p><strong>Tech Solutions</strong> est une entreprise spécialisée dans les solutions technologiques avancées pour les entreprises. Nous offrons une gamme complète de services pour répondre à vos besoins.</p>

    <h2>Nos services</h2>
    <p>Nos services comprennent :</p>
    <ul>
        <li>Développement web</li>
        <li>Consultation en technologie</li>
        <li>Gestion de projets</li>
        <li>Sécurité informatique</li>
        <li>Hébergement web</li>
    </ul>

    <h2>Avantages de choisir Tech Solutions</h2>
    <ul>
        <li>Expertise technique de haut niveau</li>
        <li>Solutions personnalisées selon vos besoins</li>
        <li>Service clientèle réactif et professionnel</li>
        <li>Équipe expérimentée et passionnée</li>
        <li>Engagement envers l'innovation et la qualité</li>
    </ul>

    <h2>Contactez-nous</h2>
    <form action="" method="POST">
        <label for="nom">Nom :</label>
        <input type="text" name="nom" id="nom" required><br><br>

        <label for="email">E-mail :</label>
        <input type="email" name="email" id="email" required><br><br>

        <label for="sujet">Sujet :</label>
        <select name="sujet" id="sujet">
            <option value="support">Support technique</option>
            <option value="ventes">Demande de devis</option>
            <option value="autre">Autre</option>
        </select><br><br>

        <label for="message">Message :</label><br>
        <textarea name="message" rows="4" cols="30" required></textarea><br><br>

        <button type="submit">Envoyer</button>
    </form>

    <h2>Découvrez nos produits</h2>
    <a href="https://www.youskil.com/introduction-aux-bases-du-developpement-web">
        <img src="https://i0.wp.com/www.youskil.com/wp-content/uploads/2023/06/1200x800_base_html_css.png?w=1200&ssl=1" alt="Produits Tech Solutions">
    </a>
</body>
</html>

Résultat

Maintenant, que nous avons appris les concepts de base du HTML, nous allons maintenant essayer de styliser notre page en intégrant des styles CSS.

Mise en page et style avec CSS

La mise en page et le style des éléments HTML peuvent être gérés à l’aide de CSS (Cascading Style Sheets). Vous avez la possibilité de placer les règles de style CSS dans un fichier externe ou de les inclure directement dans la même page HTML. Voici comment vous pouvez utiliser les sélecteurs CSS pour appliquer des styles :

Styles dans un fichier externe (recommandé) :

  • Créez un fichier CSS séparé avec une extension .css, par exemple styles.css.
  • Dans votre page HTML, insérez la balise <link> dans la section <head> pour relier votre fichier CSS à la page.
HTML
<link rel="stylesheet" href="chemin/vers/styles.css">
  • Ouvrez le fichier CSS et définissez les règles de style pour les sélecteurs ciblant les éléments HTML.
CSS
/* styles.css */
h1 {
    color: blue;
    font-size: 24px;
}

p {
    font-family: Arial, sans-serif;
    line-height: 1.5;
}

Styles dans la même page HTML (style en ligne ou style intégré) :

  • Utilisez l’attribut style directement dans les balises HTML pour appliquer des styles spécifiques à chaque élément.
HTML
<h1 style="color: blue; font-size: 24px;">Titre</h1>

<p style="font-family: Arial, sans-serif; line-height: 1.5;">Paragraphe de texte</p>
  • Pour inclure des styles intégrés, utilisez la balise <style> dans la section <head> de votre page HTML.
HTML
<style>
    h1 {
        color: blue;
        font-size: 24px;
    }

    p {
        font-family: Arial, sans-serif;
        line-height: 1.5;
    }
</style>

Les sélecteurs CSS

Les sélecteurs CSS sont utilisés pour cibler les éléments spécifiques auxquels vous souhaitez appliquer des styles. Voici quelques exemples de sélecteurs couramment utilisés :

  • Sélecteur d’élément : Il cible tous les éléments HTML d’un type spécifique.
CSS
h1 {
    /* styles appliqués aux balises h1 */
}
  • Sélecteur de classe : Il cible les éléments avec une classe spécifique.
CSS
.ma-classe {
    /* styles appliqués aux éléments avec la classe "ma-classe" */
}
  • Sélecteur d’ID : Il cible un élément avec un ID spécifique.
CSS
#mon-id {
    /* styles appliqués à l'élément avec l'ID "mon-id" */
}
  • Sélecteur descendant : Il cible les éléments qui sont descendants d’un autre élément.
CSS
div p {
    /* styles appliqués aux balises <p> qui sont descendantes d'un <div> */
}
  • Sélecteur de pseudo-classe : Il cible un état spécifique d’un élément.
CSS
a:hover {
    /* styles appliqués aux liens lorsqu'ils sont survolés par la souris */
}

Ces exemples de sélecteurs ne sont que la pointe de l’iceberg. Il existe de nombreux autres sélecteurs CSS et possibilités de style pour personnaliser votre mise en page.

En utilisant les sélecteurs CSS et les propriétés de style appropriés, vous pouvez apporter des modifications visuelles à vos éléments HTML et créer une mise en page attrayante et cohérente pour votre page web.

Exercice

En vous servant de l’exercice précédant, veuillez appliquer des styles CSS pour améliorer la présentation de la page.
Choisissez le mode d’intégration de style que vous voulez.

Résolution

HTML
<!DOCTYPE html>
<html>
<head>
    <title>Tech Solutions - Page d'accueil</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f2f2f2;
        }

        h1 {
            color: #333;
            font-size: 32px;
            text-align: center;
            margin-bottom: 20px;
        }

        h2 {
            color: #555;
            font-size: 24px;
            margin-top: 30px;
        }

        p {
            color: #666;
            line-height: 1.5;
            margin-bottom: 10px;
        }

        ul {
            color: #666;
            margin-left: 20px;
        }

        li {
            margin-bottom: 5px;
        }

        form {
            margin-top: 30px;
        }

        label {
            display: block;
            margin-bottom: 5px;
            color: #333;
            font-weight: bold;
        }

        input[type="text"],
        input[type="email"],
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        select {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        button[type="submit"] {
            padding: 10px 20px;
            background-color: #333;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        a img {
            display: block;
            margin-top: 20px;
            max-width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <h1>Bienvenue chez Tech Solutions</h1>
    
    <h2>À propos de nous</h2>
    <p><strong>Tech Solutions</strong> est une entreprise spécialisée dans les solutions technologiques avancées pour les entreprises. Nous offrons une gamme complète de services pour répondre à vos besoins.</p>

    <h2>Nos services</h2>
    <p>Nos services comprennent :</p>
    <ul>
        <li>Développement web</li>
        <li>Consultation en technologie</li>
        <li>Gestion de projets</li>
        <li>Sécurité informatique</li>
        <li>Hébergement web</li>
    </ul>

    <h2>Avantages de choisir Tech Solutions</h2>
    <ul>
        <li>Expertise technique de haut niveau</li>
        <li>Solutions personnalisées selon vos besoins</li>
        <li>Service clientèle réactif et professionnel</li>
        <li>Équipe expérimentée et passionnée</li>
        <li>Engagement envers l'innovation et la qualité</li>
    </ul>

    <h2>Contactez-nous</h2>
    <form action="" method="POST">
        <label for="nom">Nom :</label>
        <input type="text" name="nom" id="nom" required><br><br>

        <label for="email">E-mail :</label>
        <input type="email" name="email" id="email" required><br><br>

        <label for="sujet">Sujet :</label>
        <select name="sujet" id="sujet">
            <option value="support">Support technique</option>
            <option value="ventes">Demande de devis</option>
            <option value="autre">Autre</option>
        </select><br><br>

        <label for="message">Message :</label><br>
        <textarea name="message" rows="4" cols="30" required></textarea><br><br>

        <button type="submit">Envoyer</button>
    </form>

    <h2>Découvrez nos produits</h2>
    <a href="https://www.youskil.com/introduction-aux-bases-du-developpement-web">
        <img src="https://i0.wp.com/www.youskil.com/wp-content/uploads/2023/06/1200x800_base_html_css.png?w=1200&ssl=1" alt="Produits Tech Solutions">
    </a>
</body>
</html>

Résultat

Dans cet exemple, j’ai ajouté des styles CSS pour différents éléments de la page, tels que les titres, les paragraphes, les listes, les formulaires, les liens avec images, etc. Les styles incluent des propriétés telles que la couleur du texte, la taille de police, la marge, le rembourrage, les bordures, les couleurs de fond, etc., pour améliorer la présentation globale de la page.

Vous pouvez également ajuster les styles selon vos préférences pour obtenir le résultat souhaité.

Conclusion

Félicitations pour avoir complété cette formation sur les bases du HTML ! Vous avez maintenant acquis des connaissances essentielles pour créer des pages web en utilisant HTML et CSS.

Au cours de cette formation, nous avons exploré divers concepts fondamentaux du HTML, tels que la structure de base d’une page, les balises de texte, les liens, les images, les listes, les tableaux et les formulaires. Nous avons également abordé l’importance du CSS pour styliser et mettre en page les éléments HTML.

Pour mettre en pratique ce que vous avez appris, je vous encourage à consulter le dépôt GitHub . Dans ce dépôt, vous trouverez l’exercice final que nous avons travaillé ensemble, avec une version améliorée de la page d’accueil de Tech Solutions. Vous pouvez explorer le code HTML et CSS, et voir comment les différentes fonctionnalités et styles ont été implémentés.

N’hésitez pas à jouer avec le code, expérimenter de nouveaux styles, ajouter des fonctionnalités supplémentaires ou créer d’autres pages pour approfondir vos compétences en HTML et CSS.

Continuez à pratiquer et à explorer de nouveaux concepts pour renforcer vos connaissances en développement web. Le HTML et le CSS sont des langages puissants qui vous permettront de créer des sites web attrayants et fonctionnels.

Bonne continuation dans votre parcours de développement web !

6 Comments

  1. I absolutely lov your blog and find the majority of your post’s to be exactly whatt I’m looking for.
    Do you offer guest writers to write content for yourself?

    I wouldn’t mind producing a post or elaborating oon a few of thee subjects you write
    regarding here. Again, awesome blog!

    1. I appreciate your enthusiasm for the blog! However, at the moment, we’re not accepting guest writers. Thank you for your interest though!

  2. Hi, Neat post. There’s a problem with your site in internet explorer, could check this?
    IE nonetheless is the marketplace leader and a big component to other
    people will miss your wonderful writing due to this problem.

    1. Thanks for bringing this to our attention! We’ll look into the issue with Internet Explorer compatibility. We want everyone to have a smooth experience accessing our content.

  3. It’s the best time to make some plans for the future and it’s time to be happy.
    I’ve read this post and if I could I wish to suggest you few interesting things or advice.
    Perhaps you could write next articles referring to this
    article. I desire to read more things about it!

    1. Hello. We’re so happy that Ower content is interesting for you. We are open to your suggestions.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *