Aller directement au contenu
  • Catégories
  • Récent
  • Mots-clés
  • Populaire
  • Web
  • Utilisateurs
  • Groupes
Habillages
  • Clair
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Sombre
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Défaut (Aucun habillage)
  • Aucun habillage
Réduire
Melinyel

Melinyel

  1. Accueil
  2. Programmation
  3. Développement web
  4. HTML & CSS
  5. Ressources
  6. Les balises HTML de base !

Les balises HTML de base !

Planifié Épinglé Verrouillé Déplacé Ressources
4 Messages 3 Publieurs 2.0k Vues
  • Du plus ancien au plus récent
  • Du plus récent au plus ancien
  • Les plus votés
Répondre
  • Répondre à l'aide d'un nouveau sujet
Se connecter pour répondre
Ce sujet a été supprimé. Seuls les utilisateurs avec les droits d'administration peuvent le voir.
  • BaptisteB Hors-ligne
    BaptisteB Hors-ligne
    Baptiste
    a écrit sur dernière édition par
    #1

    ![html2.png](<base_url>/applications/sslimageproxy/interface/image.php?url=http://webdesy.com/webdesy-wp/wp-content/uploads/2012/01/html2.png)

    Vous avez toujours voulu créer votre page web? Et bien pour la créer il faut tout d'abord s'instruire! Et pour s'instruire il faut lire, et c'est dans ce topic que vous allez découvrir les balises html !

    Les balises html c'est quoi? Ce sont les "codes" qui vont définir la structure de votre page !

    Ici vous aurez donc les balises fondamentales pour votre site web !

    Pour le document :

    • <html></html> : définit un document html
    • <body></body> : définit le corps du document

    Pour vos titres :

    • <h1></h1>
    • <h2></h2>
    • <h3></h3>
    • Et ainsi de suite jusqu'à <h6></6>

    Ces balises définissent la hauteur de votre texte, elles servent donc de mise en page pour le texte !

    Pour le texte :

    • <p></p> : pour contenir un paragraphe
    • <b></b> : pour écrire en gras
    • <u></u> : pour écrire souligner
    • <i></i> : pour écrire en italique
    • <a href="LIEN">TEXTE</href> : pour créer un lien cliquable (ex: <a href="http://melinyel.net">CLIQUEICI</href>
    • <blockquote></blockquote> : pour créer une citation
    • <li></li> : élément d'une liste
    • <ol></ol> : liste numérotée
    • <ul></ul> : liste à puce
    • <center></center> : pour centrer du texte
    • <font></font> : pour modifier les polices de caractères
    • <strike></strike> : pour barrer du texte
    • <applet></applet> : pour les applets java

    Pour des tableaux :

    • <table></table> : pour créer un tableau
    • <tr></tr> : pour créer une ligne
    • <th></th> : cellule de légende de ligne ou de colonne
    • <td></td> : pour créer une colonne

    Structure et habillage :

    • <div></div> : définition de blocs, regroupement d'éléments
    • <span></span> : habillage d'éléments de manière inline

    Nouveautés HTML 5 !

    • <header></header> : en-tête
    • <section></section> : section
    • <article></article> : sous section pour un article
    • <nav></nav> : bloc de navigation
    • <aside></aside> : encart
    • <figure></figure> : images et/ou vidéos
    • <footer></footer> : pied de page

    Pour toute aide poster votre question en réponse à la suite de ce topic, merci !

    Baptiste.

    Je t'invite à visiter mon site en cliquant sur ce lien > <http://baptigo.lescigales.org>

    Une question? Envoie moi un message !  ;)

    1 réponse Dernière réponse
    2
    • SoulalexS Hors-ligne
      SoulalexS Hors-ligne
      Soulalex
      a écrit sur dernière édition par
      #2

      Merci du partage mais je t'invite à relire ton sujet car il y a quelques erreurs.

      Soulalex, Administrateur de Melinyel
      + E-Mail : [[email protected]](mailto:[email protected] "Lien vers un courriel")
      + GitHub : [https://github.com/Soualex](https://github.com/Soualex "Lien externe")

      1 réponse Dernière réponse
      0
      • BaptisteB Hors-ligne
        BaptisteB Hors-ligne
        Baptiste
        a écrit sur dernière édition par
        #3

        C'est bon ! Merci

        Je t'invite à visiter mon site en cliquant sur ce lien > <http://baptigo.lescigales.org>

        Une question? Envoie moi un message !  ;)

        1 réponse Dernière réponse
        0
        • mars073M Hors-ligne
          mars073M Hors-ligne
          mars073
          a écrit sur dernière édition par
          #4

          Attention que la la balise "font" n'est techniquement pas supporté en HTML5 selon les normes, même cas pour "strike" qui était déjà rarement utilisé souvent remplacée par "s" ou "del", sinon merci du partage cela peut-être utile comme memo pour les débutant, +1Rep.

          pourquoi avoir barré la balise "footer"?

          votes-45296e7.png

          Aide à l'apprentissage et la réalisation pour des graphismes, des programmes, des sites ou autres.
          signature.png
          Signature aléatoire, proposez vous aussi une signature ici!

          1 réponse Dernière réponse
          0

          Bonjour ! Vous semblez intéressé par cette conversation, mais vous n’avez pas encore de compte.

          Marre de refaire défiler les mêmes messages ? Créez un compte pour retrouver votre position, recevoir des notifications des nouvelles réponses, sauvegarder vos favoris et voter pour les messages que vous appréciez.

          Grâce à votre participation, ce message peut devenir encore meilleur 💗

          S'inscrire Se connecter
          Répondre
          • Répondre à l'aide d'un nouveau sujet
          Se connecter pour répondre
          • Du plus ancien au plus récent
          • Du plus récent au plus ancien
          • Les plus votés


          • Se connecter

          • Connectez-vous ou inscrivez-vous pour faire une recherche.
          Powered by NodeBB Contributors
          • Premier message
            Dernier message
          0
          • Catégories
          • Récent
          • Mots-clés
          • Populaire
          • Web
          • Utilisateurs
          • Groupes