Table des matières
Balise HTML et HTML5
Une balise HTML est un élément HTML. Cet élément HTML commence par < et se termine par >. Par exemple balise html <balise>. Les balises fermantes finissent par />. Par exemple </balise>. Une balise ouvrante a toujours une balise fermante. Sauf cas particulier de la balise vide, auquel cas on l'écrit avec </ pour démarrer la balise. Par exemple </balisevide>. <agence web sur Montauban>
On utilise les balises en HTML, en XML .. Voir Tag, Élément HTML, Élément XML
Balise langage html
Dans le détail ci-dessous, voyons quelques balises HTML. En effet le prochain chapitre vous donnera un exemple de balise html.
Balise lien html : c'est quoi la balise lien hypertexte html ?
On parle de liens hypertextes en html pour parler de liens. Un lien hypertexte en html c'est simplement un lien cliquable. Vous trouverez ci-dessous les différentes façon d'écrire le lien hypertexte en html. En particulier nous verrons comment mettre un lien hypertexte en html.
Comment insérer un lien dans un code html ?
Vous vous demandez comment mettre un lien hypertexte en html ? Voici le code html pour faire un lien hypertexte :
<a href="https://www.wasi.fr/">Mon 1ier lien hypertexte en html</a>
Code lien hypertexte : comment faire un lien hypertexte en html ?
"Mon 1ier lien hypertexte en html" est un lien en HTML cliquable. Ce lien va ouvrir la page https://www.wasi.fr/.
C'est tout ! Maintenant vous connaissez le html balise lien !
Balise liens en html avec cible
Allons plus loin dans ce lien en html : on peut choisir d'ouvrir le lien dans un nouvel onglet. Auquel cas il suffit d'ajout l'attribut TARGET -cible en français) dans la balise de lien html pour faire le lien hypertexte.
L'attribut TARGET spécifie où ouvrir le lien HTML. L'attribut TARGET peut avoir l'une des valeurs suivantes :
_self - Par défaut. Ouvre le document dans la même fenêtre/onglet que celui sur lequel il a été cliqué
_blank - Ouvre le document dans une nouvelle fenêtre ou un nouvel onglet
_parent - Ouvre le document dans le cadre parent
_top - Ouvre le document dans tout le corps de la fenêtre
Exemple comment faire un lien hypertexte en html avec cible
<a href="https://www.wasi.fr/" target="_blank">site WASI</a>
Balise email html
Pour envoyer un mail à partir d'un lien, il suffira d'ajouter mailto à l'attribut target. Par exemple ce balisage html
<a href="mailto:email@exemple.com>Cliquez ici pour m'envoyer un mail </a>
La balise langage html utilisée est la même que pour un lien !
Balise image
Comment insérer une image dans un code html ?
Quelle est la balise qui permet d'insérer une image ? Le code pour inserer une image en html est le suivant :
<img src="wasi.jpg" alt="WASI">
Balise pour insérer une image en html
Pour inserer image html, le code image html est :
<IMG
Code html image et attributs image
Pour inserer image html, on utilise la balse <img avec un de ces attributs :
alt— Texte de remplacement à utiliser lorsque les images ne sont pas disponibles
src— Adresse de la ressource
srcset— Images à utiliser dans différentes situations, par exemple, écrans haute résolution, petits moniteurs, etc.
sizes— Tailles d'image pour différentes mises en page
crossorigin— Comment l'élément gère les requêtes crossorigin
usemap— Nom de la zone cliquable à utiliser
ismap— Indique si l'image est une image cliquable côté serveur
width— Dimension horizontale
height— Dimension verticale
referrerpolicy— Politique de référence pour les récupérations initiées par l'élément
decoding— Indice de décodage à utiliser lors du traitement de cette image pour la présentation
loading— Utilisé pour déterminer le report de chargement
fetchpriority— Définit la priorité des récupérations initiées par l'élément
Par exemple, pour inserer une image en html, le code html insérer une image sera :
<img src="wasi.jpg" alt="WASI">
Et voici ! Maintenant vous connaissez la balise pour insérer une image. Ce code html tout simple vous permet d'insérer une image.
Attention à l'emplacement de l'image. L'image dans mon exemple est placé dans le même dossier que le fichier html. Sinon il faudra préciser l'emplacement de l'image dans l'attribut SRC de l'élément IMG