Définition de l'html
Savoir comment l'utiliser
Connaître des balises de base
Définition du langage HTML
Le langage ou encore appelé code Hypertext Markup Language, généralement abrégé HTML, est un format permettant de définir les éléments variés des pages web, tels que:- du texte
- la mise en page du texte
- la place et la taille d'images
- le positionnement des ressources multimédias, d'animations et de sons
- la place dans une page de tout autre élément statique ou dynamique géré par le navigateur
- des liens hypertextes vers d'autres pages
- des formulaires de saisie
- des éléments programmables tels que des applets
Une page HTML est en fait un fichier texte ayant pour extension « htm » ou « html », on peut l’éditer avec un éditeur de texte classique (bloc-note) mais de nombreux outils facilitent la création HTML.
Il y a des éditeurs qui aident à l’écriture des balises ainsi que des éditeurs dit « WYSIWYG ». Ces derniers génèrent une page html à partir d’une interface similaire à un traitement de texte où l’on peut agir directement sur les objets ( images, tableaux, ...) avec la souris. Il est donc possible de créer des pages html sans taper toutes les balises mais il est conseillé de connaître le langage HTML.
Lors de la consultation d’un site web, on peut visionner le code HTML de la page à partir du navigateur. Pour cela, cliquer droit puis « source » ou « code source de la page ».
Les balises
Une page HTML est un fichier texte commençant par la balise <HTML> et finissant par la balise </HTML>.Elle contient également un en-tête décrivant le titre de la page, puis un corps dans lequel se trouve le contenu de la page. L’en-tête est délimité par les balises <HEAD> et </HEAD>. Le corps est délimité par les balises <BODY> et </BODY>.
Balises HEAD et BODY
Dans la balise <HEAD> sont résumées des informations générales, c’est à dire le titre de votre page et les balises META qui permettent d’indexer (référencer) votre site.La balise <BODY> détermine le corps du document : c’est ici que vous allez intégrer titres, textes, images, tableaux, liens... Le tag <BODY> a de nombreux attributs permettant de définir couleurs, image de fond, marges...
Toutes les instructions HTML sont exprimées dans des balises délimitées par des crochets (signe inférieur < et signe supérieur >). Cette structure est toujours la même.
Cependant, en règle générale, chaque balise doit être ouverte et fermée. Notez que la balise de fermeture est toujours identique à la balise d’ouverture sauf qu’elle comporte une barre oblique ( / ) après le signe <.
Les majuscules et les minuscules dans les instructions n’ont aucune importance. En revanche, veillez à bien respecter les ordres d’ouverture et de fermeture sinon vous risquez de perdre en lisibilité.
Balise IMG (image)
La balise IMG du langage HTML permet d’insérer des images dans une page HTML. L’image peut être située sur le même serveur que la page dans laquelle elle est insérée mais également sur un autre serveur en spécifiant son URL complète. Seuls les formats d’images suivants sont acceptés en standard : jpeg, png, gif. Pour en savoir plusBalise a (lien hypertexte)
La balise <a> permet d’établir un lien hypertexte, à l’intérieur même de votre document vers un autre document, ou encore vers l’extérieur (vers un autre site Web). Ses attributs principaux sont :- href : Permet d’indiquer la source du document (relative ou absolue)
- target : Permet de définir la source d’un cadre comme document (dans la cas d’une frame)
- style : Permet de spécifier une feuille de style
- title : Permet de spécifier une description du lien (identique à l’attribut ALT pour une image et uniquement avec Internet Explorer) Pour en savoir plus
Balise table (tableau)
La balise <table> permet d’insérer un tableau et c’est l’une des balises les plus utilisées. En effet, les tableaux permettent une meilleure présentation des informations, nombreux sont les sites qui utilisent les tableaux pour obtenir une mise en page de type «journal». La création des tableaux se passe autour de 4 balises :- table : Définit au navigateur la création d’un tableau
- th : Définit l’en-tête de chaque colonne
- tr : Définit une ligne
- td : Définit une cellule Bien entendu, toutes ces balises doivent êtres fermées pour indiquer la fin du tableau, d’une colonne ou d’une cellule. Pour en savoir plus
Le langage HTML est un langage qui permet de présenter des informations (par exemple, des recherches scientifiques) sur Internet. Ce que vous voyez quand vous regardez une page sur Internet est l'interprétation par votre navigateur du code HTML. Il permet de décrire tous les éléments présents dans une page (texte, images, supports multimédias) grâce à son système de balisage.
