Code HTML – Page 2 – <HTML> #CSS

<span>

<span> comme span | étendue
Ne représente rien de particulier, il sert juste de conteneur
<span> est principalement utilisé pour ajouter des attributs globaux à des éléments en ligne

<span> est aux textes (élément en ligne) ce que <div> est aux blocs (élément de bloc)

Code

Aperçu dans le navigateur

<span> utilise les attributs globaux

datetime-time

datetime

Indique la date / heure à laquelle le texte a été associée

<time datetime="date/heure">

Valeur	Description	Infos
AAAA-MM-JJThh:mm:ssZ	La date à laquelle le texte a été ajouté L'heure est en option Le format peut-être AAAA-MM-JJThh:mm:ssZ avec : AAAA : l'année sur 4 chiffres (2022) MM : le mois sur 2 chiffres (12) JJ : le jour sur 2 chiffres (05) T : caractére de séparation hh : l'heure sur 2 chiffres (08) mm : les minutes sur 2 chiffres (45) ss : les secondes sur 2 chiffres (03) Z : le Fuseau horaire
AAAA-MM-JJThh:mm:ssZ	`<time datetime="AAAA-MM-JJThh:mm:ssZ">texte</time>` Freddie Mercury est décédé le <time datetime="1991-11-24 10:00:00Z">dimanche 24 novembre 1991</time>

<time>

<time> comme time | temps
Représente une heure, une date ou une durée liée à une portion de texte
Utilisé par les navigateurs pour gérer la date si possible et les moteurs de recherche pour obtenir des résultats de recherche plus pertinent

Même s'il n'est pas obligatoire, il est fortement conseillé d'utiliser l'attribut <datetime>

Code

Aperçu dans le navigateur

<time> utilise les attributs globaux

datetime

Indique la date / heure à laquelle le texte a été associée

<time datetime="date/heure">

Valeur	Description	Infos
AAAA-MM-JJThh:mm:ssZ	La date à laquelle le texte a été ajouté L'heure est en option Le format peut-être AAAA-MM-JJThh:mm:ssZ avec : AAAA : l'année sur 4 chiffres (2022) MM : le mois sur 2 chiffres (12) JJ : le jour sur 2 chiffres (05) T : caractére de séparation hh : l'heure sur 2 chiffres (08) mm : les minutes sur 2 chiffres (45) ss : les secondes sur 2 chiffres (03) Z : le Fuseau horaire
AAAA-MM-JJThh:mm:ssZ	`<time datetime="AAAA-MM-JJThh:mm:ssZ">texte</time>` Freddie Mercury est décédé le <time datetime="1991-11-24 10:00:00Z">dimanche 24 novembre 1991</time>

<u>

<u> comme underline | souligné
Indique une portion de texte mise en évidence car mal orthographiée
Affiche le texte en souligné

Si le but est de souligner le texte, il est préférable d'utiliser du style Css à la place.

Code

Aperçu dans le navigateur

<u> utilise les attributs globaux

u {
  text-decoration: underline;
}

à

<h1> à <h6>

<h...> comme heading | titre
Les balises <h1> à <h6> définissent six niveaux de titres, du plus important (<h1>) au moins important (<h6>)

Respectez au mieux le niveau hiérarchique des titres en commençant par le titre le plus important (<h1>) jusqu'au titre de moindre importance (<h6>)

Code

Aperçu dans le navigateur

<h1> à <h6> utilise les attributs globaux

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

<wbr>

<wbr> comme word break | coupure de mots
Indique un endroit dans le texte où le navigateur peut casser la ligne
<wbr> est une balise orpheline (qui ne se ferme pas)

Code

Aperçu dans le navigateur

<wbr> utilise les attributs globaux

<var>

<var> comme variable | variable
Définit du texte comme étant une variable, souvent mathématique ou code de programmation
Affiche le texte en italique

Code

Aperçu dans le navigateur

<var> utilise les attributs globaux

var {
  font-style: italic;
}

Catégorie : Code HTML

<span>

datetime-time

datetime

<time>

datetime

<u>

à

à

<h1> à <h6>

<wbr>

<var>

<template>

<samp>

<s>