Aller au contenu

Les balises HTML de base !


Baptiste
 Share

Recommended Posts

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.

Modifié par Baptiste
  • Upvote 2
Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Vous avez collé du contenu avec mise en forme.   Supprimer la mise en forme

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Chargement
 Share

×
×
  • Créer...