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

Bienvenue sur Scribd !

  • 28 vues

    3 Element de Structuration

    Transféré par

    montassar azzouz
    Le document présente les éléments de base de la structuration du contenu web tels que les balises <div>, <p>, <h1-h6> et <blockquote>. Il explique leur utilisation et leur hiérarchisation pour structurer proprement le contenu.

    Droits d'auteur :

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

    3 Element de Structuration

    Transféré par

    montassar azzouz
    28 vues15 pages
    Le document présente les éléments de base de la structuration du contenu web tels que les balises <div>, <p>, <h1-h6> et <blockquote>. Il explique leur utilisation et leur hiérarchisation pour structurer proprement le contenu.

    Titre original

    3 Element de structuration

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

    Le document présente les éléments de base de la structuration du contenu web tels que les balises <div>, <p>, <h1-h6> et <blockquote>. Il explique leur utilisation et leur hiérarchisation pour structurer proprement le contenu.

    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
    28 vues15 pages

    3 Element de Structuration

    Transféré par

    montassar azzouz
    Le document présente les éléments de base de la structuration du contenu web tels que les balises <div>, <p>, <h1-h6> et <blockquote>. Il explique leur utilisation et leur hiérarchisation pour structurer proprement le contenu.

    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
    sur 15

    INTRODUCTION

    WEB

    1 Cours Web - EL JABBAR Hela - 2020/2021


    Les éléments de structuration
    du contenu

    2 Cours Web - EL JABBAR Hela - 2020/2021


    La balise « division » <div>

    3 Cours Web - EL JABBAR Hela - 2020/2021


    La balise « division » <div>

    • <div> est un conteneur


    • Cette balise n’a aucune valeur sémantique (aucun « sens »)
    • Élément de type bloc qui peut inclure n’importe quel autre balise
    HTML

    • Suivi d’un passage à la ligne


    • Permet de regrouper d’autres blocs de HTML (paragraphes,
    tableaux, etc.) et de leur donner un style CSS commun

    4 Cours Web - EL JABBAR Hela - 2020/2021


    Grille en div

    5 Cours Web - EL JABBAR Hela - 2020/2021


    La balise paragraphe <p>

    6 Cours Web - EL JABBAR Hela - 2020/2021


    La balise paragraphe <p>

    • Les paragraphes sont des éléments de type « bloc », suivis d’un


    passage à la ligne et d'une marge par défaut

    • On peut imbriquer un paragraphe dans un div


    • On ne doit PAS mettre un paragraphe dans un paragraphe

    7 Cours Web - EL JABBAR Hela - 2020/2021


    Espaces insécables

    8 Cours Web - EL JABBAR Hela - 2020/2021


    Espaces insécables

    • Il existe des entités HTML pour encoder certains caractères


    spéciaux comme les espaces insécables : &nbsp;

    Caractères spéciaux et entités HTML

    9 Cours Web - EL JABBAR Hela - 2020/2021


    D'autres entités HTML

    copypastecharacter.com

    10 Cours Web - EL JABBAR Hela - 2020/2021


    Les titres h1 – h6

    Bien construire sa hiérarchie de titres

    11 Cours Web - EL JABBAR Hela - 2020/2021


    Les titres h1 – h6

    • Il existe six niveaux de titre <h1> <h2> <h3> <h4><h5> et <h6>


    (pas un de plus ! )
    • Un nouveau niveau provoque un passage à la ligne, les éléments
    de titre étant des éléments de bloc.
    • La hiérarchisation visuelle est automatique (peut être modifiée via
    CSS)

    • Il est possible d’avoir plusieurs titres de même niveau


    • On ne peut pas mettre un Hn dans un p, ou un p dans un Hn

    12 Cours Web - EL JABBAR Hela - 2020/2021


    Blockquote, une citation

    13 Cours Web - EL JABBAR Hela - 2020/2021


    Blockquote, une citation

    • La balise <blockquote> marque une citation


    • Une citation est suivie d'un retour à la ligne

    14 Cours Web - EL JABBAR Hela - 2020/2021


    Exemple de blockquote stylée

    https://css-tricks.com/snippets/css/simple-and-nice-blockquote-styling/

    15 Cours Web - EL JABBAR Hela - 2020/2021

    Vous aimerez peut-être aussi