Introduction au HTML5

  • Introduction

    Une page internet c'est avant tout une succession de balises HTML, nous allons maintenant étudier les principes de base de ce langage de balisage.

  • Structure d'une page HTML

    Maintenant que nous en savons plus sur les balises, voyons comment elles doivent être utilisé lors de la construction d'une page.

  • Propriété des balises

    Pour choisir correctement les balises il faut prendre en compte le type de données qui y seront inclussent.

  • Le Responsive en HTML5

    Le responsive est une technique permttant d'ajuster le contenu de la page à l'écran du visiteur. Nous reviendrons en détail sur le responsive avec le CSS.

  • Balises avancées et caractères spéciaux

    Les balises spécialisées permettent de formater des informations spécifiques comme une touche de clavier ou des extrait de code.

Introduction au HTML5

Les attributs des balises HTML

En l’état le HTML ne nous permet pas grand chose pour augmenter les possibilités il nous faut aborder les attributs des balises.

<balise attribut="valeur">

Prenons l’exemple d’une image

<img src="mon_image.jpg" alt="mon image" />

Une balise peut avoir plusieurs attribut, ici src et alt. src permet de définir l’emplacement du média et alt de définir le texte alternatif à afficher dans le navigateur en cas d’image inaccessible (ou pour les navigateurs destinés aux malvoyants). Un attribut doit posséder une valeur pour être correctement traité.

Principaux attributs

Vous pouvez consulter la liste complètes des attributs validé par le W3C sur la page dédié du site W3schools.com.

Mais pour commencer quelques attributs doivent impérativement être connu.

  • Alt : Texte alternatif à afficher si l’image ne peut pas être affiché.
  • disabled : Désactive un champ dans un formulaire.
  • href : URL d’un liens hypertexte.
  • id : identifiant (doit être unique sur la page ! le html le supporte mais avec le Js cela peut provoque des dysfonctionnement).
  • src : URL d’une image.
  • style : Contient des règles CSS pour un élément.
  • title : information supplémentaire sur un élément (s’affiche sous la forme d’une info bulle).
  • width et height : Permettent respectivement de modifier la largeur et la hauteur d’une cellule.

Laisser un commentaire

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

*

© 2018 Occitaweb formation WordPress et média sociaux