Chercher Produits IONOS YONOS > Digital Guide > Shes nternet > Développementweb > Galles HILM HTM Tuteriels Balises HTML: apercu des principales commandes LLéquipe édtroriale ono eX oa 1B vavosr2023 pe tanner taterDigital Guide Les balises HTML permettent de construire un site Web de manidre claire et dy déposer les informations les plus importantes pour tous les navigateurs, En plus des tags HTML pour la structure de base, il en existe également d'autres qui vous permettront par exemple diintégrer des médias, de créer des formulaires ou de définir la police de caractéres, Les balises HTML, c’est quoi ? Si vous souhaitez apprendre Ie HTML ou écrire votre propre code HTML, les tags HTML sont probablement votre outl e plus important et le plus efficace. Les bases HTML sont utilisées pour transmettre des informations aux différents navigateurs. Le site Web est ainsi structuré au mieux et peut étre affiché correctement par chaque navigateur. Les tags HTML ont toujours une balise de début et une balise de fin. Les balises HTML sont placées entre crochets obliques et entourent Finformation souhaitée, une barre oblique est ajoutée en plus 3 la balise de fin. La combinalson de la balise de début, de linformation et de la balise de fin est appelée élément. lest possible de donner & félément un altribut HTML qui fournit des informations supplémentaires. Voici un exemple de a structure d'un tag HTML hist] sagit Sct dun estrec/nts Le tag HTML indique les titres. os inane aaitnbterterettntpperntinetn ite) awforme de tableau, classées par catégories. Balises HTML pour la structure de base d’un document Les tags HTML suivants structurent le site Web et donnent un cadre aux autres éléments ajoutés au document Balise HTML him titles

Description Ce tag HTML détermine de quel type de document il sagt. permet de définir un document en tant que document HTML, Dans la partie , on peut trouver les métadonnées du document Dans cette commande HTML, on écrit le titre du docurnent. est également affiché dans la barre de ttre du navigateur. est la partie principale et comprend le contenu qui sera afiché dans le navigateur. Ul agit dela zone de navigation dun site Web.

permet de rassembler des éléments en un groupe.

est la parte contenu de la page ecu

définit fen-t dune page. os inane aaitnbterterettntpperntinetn ite) saDigital Guide La structure de base d'un site Web avec des tags HTML La structure de base dun site Web peut par exemple ressembler 3 ceci ctitlerte titre de votre site Webe/titles cbodypInsérez Je texte et les images ici. eimai Balises HTML pour structurer un site Web ll existe de nombreuses balises HTML qui permettent de diviser et de construire des zones individuelles ou méme la page entiére, Balise HTML Description

a

Les ttres sont créés aide des différents tags h. Plus le chiftre est petit, plus le titre est grand. > Un paragraphe est marqué par

. os inane aaitnbterterettntpperntinetn ite) aDigital Guide Balises HTML pour la structure d'un document Un exemple d'utilisation des balises HTML permettant de structurer un texte eeoay> ehDte thtre se place fef. ‘hsun sous-titre permet de structurer le contenu. entre les deux pour marquer 12 rupture.

Balises HTML pour la police de caractéres Différentes balises HTML vous permettent de rmadifier faspect de la police de votre document. Balise HTML Description b> permet d'écrire un mot, une phrase ou méme un paragraphe en gras. > permet d'ajouter un exposant (exemple 1°. Pour mettre en indice, utilisez (exemple : H20), Personnalisez le texte de votre document Un exemple c'adaptation de a police par des tags HTML boy © Note Pour modifier couleur de la police, il est préférable utiliser CSS, Vous trouverez un tutoriel C35 complet dans le Digital Guide de IONS, Mettre en évidence et marquer des parties oe inno elaineDigital Guide Balise HTML Description Vous pouvez ulliser pour mettre en évidence certains passages accentue les fragments de texte sélectionnés. <— permet de marquer les citations 8 Fintérieur dun texte

__

marque un paragraphe entier comme une citation. Mise en forme avec une balise HTML Voici un exemple dlutiisation de ces balises HTM: body .

Créer des tableaux et des listes avec des balises HTML Vous pouver également créer des tableaux et des istes dans un document HTML. Vociles bases HTML appropriées Balise HTML Description os inane aaitnbterterettntpperntinetn ite) aneth

Les lignes du tableau sont indiquées 3 faide de <.d> définit une cellule spécifique dans un tableau Laeellle denéte dun tableau est déterminée par , une iste ordonnée est crége ‘Avec , on erée une liste non ordonnée mais avec des puces est ulsé pour ajouter une entrée & la liste

affche une liste de definitions

ientifie un terme ou une position dans une liste de définitions. -

est une description de définition a Mintérieur dune liste, Une liste en HTML, Voici a quol ressemble une liste non ordonnée dans un document HTML: eeoay> wb “ ‘eLdeudione entrée dans 12 Liste. os tannonosaaitnibeteretintpperentintan ith) eaIntégrer des médias en HTML Différents tags HTML vous permettent diintégrer des images, des vidéos et des fichiers audios dans un document et de les mettre en forme. Les médias sont généralement accessibles via une URL, vous pouvez les insérer par les balises HTML suivantes Balise HTML Description Le tag HIMA permet dinsérer une image. =map> Une carte peut étre intégrée dans le document via

‘Avec , vous créez un formulaire. Ajoutez un bouton via , notamment pour soumettre un formulaire Utllsez pour eréer une liste de sélection, Créer un formulaire Vous pouvez créer un formulaire sur un document HTLM de la maniére suivante eeoay> os inane aaitnbterterettntpperntinetn ite) wwwDigital Guide Insérer un bouton Voici comment insérer un bouton eeoay> hte bouton est placé seke/n2> button types"bouton">Chicke/button> Insérer des liens en HTML Ces tags HTML vous permettent dinsérer des liens dans votre document Balise HTML Description <= Le lien hypertexte est déterminé avec link os inane aaitnbterterettntpperntinetn ite) sweeoay> ehscontacte/h2> epowhésiter pas & nous éerire .

Autres balises HTML importantes ll existe de nombreuses autres balises HTML que vous pouvez utliser dans un éditeur HTML et qui vous facilitent le travail. En voici une petite sélection Balise HTML Description