Le HTML c'est quoi ?

L’HyperText Markup Language, plus communĂ©ment appelĂ© HTML peut se traduire par Langage de balisage hypertexte. 

Il est utilisĂ© pour crĂ©er et structurer des pages web, nous pouvons alors gĂ©rer la manière dont le contenu de la page va s’afficher sur l’écran. Avec le langage HTML il est possible de crĂ©er des formulaires de saisie, des liens, d’inclure des ressources multimĂ©dias telles que des images, des vidĂ©os ou des programmes informatiques. 

Grâce au HTML, nous pouvons crĂ©er des documents interopĂ©rables, autrement dit des documents qui peuvent fonctionner avec d’autres produits ou systèmes informatiques, existants ou futurs, publiques et sans restriction d’accès ou de mise en Ĺ“uvre. Il s'agit alors d'un format ouvert. 

Le HTML s’associe Ă  d’autres technologies, il est par exemple possible de crĂ©er la mise en forme et la prĂ©sentation d’une page grâce au langage CSS ou encore d’apporter des fonctionnalitĂ©s interactives Ă  la page web grâce au JavaScript. 

Le code HTML d’une page internet est accessible par chacun, et ce, grâce Ă  une simple manipulation. Pour ce faire, nul besoin d’un diplĂ´me en informatique mais de quelques touches Ă  retenir. Rendez-vous sur votre navigateur habituel (Google Chrome, Mozilla Firefox, Internet Explorer…). Si vous ĂŞtes sur Windows, appuyez simplement sur les touches ctrl + U. Quant aux Apple addict, les touches sont sensiblement les mĂŞmes, appuyez sur command + option + U. Une nouvelle fenĂŞtre contenant le code HTML de la page s’ouvre alors. 

Il est Ă©galement possible d’avoir accès au code HTML d’une page en faisant un clic droit, puis en sĂ©lectionnant “afficher le code source de la page”. 

Le fonctionnement du HTML rĂ©side sur un système de “balises”, ces dernières sont insĂ©rĂ©es au texte sous la forme suivante : <head>, <title>, <body>, <header>, <footer>,<p>, <div>, <span>, <img>. La notion “d'hypertexte” quant Ă  elle, se rĂ©fère aux liens qui connectent les pages entre elles. Il est alors possible de passer d’une page Ă  une autre par le biais d’un simple lien cliquable. En HTML, ceci est rendu possible grâce Ă  la balise <a>, que nous expliciterons dans la partie suivante. 

Commentaires

Enregistrer un commentaire

Posts les plus consultés de ce blog

Le CSS un langage complémentaire à ne pas négliger

Image
 Le CSS, de l’anglais Cascading Style Sheets (feuilles de style en cascade) est un langage informatique qui vient complĂ©ter le langage HTML ou le XML. CrĂ©Ă© par la W3C, le CSS est utilisĂ© depuis le milieu des annĂ©es 1990, le langage CSS est couramment utilisĂ© pour la conception de sites web et pris en charge par les navigateurs web depuis les annĂ©es 2000. Le langage CSS est utilisĂ© pour mettre en forme des documents web grâce Ă  des propriĂ©tĂ©s d'apparence (couleurs, polices, etc.) et de placement (largeur, hauteur, cĂ´te Ă  cĂ´te, etc.). Grâce au CSS, il est possible de modifier le rendu de la page web sans code supplĂ©mentaire. Par consĂ©quent, l’objectif est ici de dissocier le contenu de la page HTML de son apparence visuelle modifiĂ©e grâce au CSS. On peut alors styliser les Ă©lĂ©ments contenus dans le HTML sans modifier le contenu lui-mĂŞme. Le langage CSS sera alors utilisĂ© pour la mise en page alors que le code HTML sera uniquement utilisĂ© pour le contenu. L’utilisation du langage CSS ...
Lire la suite

Les balises HTML

Image
Dans le langage HTML, les balises permettent d’ajouter des Ă©lĂ©ments concernant la structure de la page : titres, paragraphes, retours Ă  la ligne etc. Chaque balise est caractĂ©risĂ©e par un terme situĂ© entre les chevrons “ < ” & “ > ”, ex : <html> .  Il est Ă©galement important de noter que chaque balise ouverte se doit d’être fermĂ©e une fois que l’on ne souhaite plus la prendre en compte. Pour ce faire, reprenez la balise de dĂ©part et ajoutez-y “ / ”, ici nous aurons : </html> . Dans de nombreux cas, les balises comportent des attributs. En effet, certains Ă©lĂ©ments se doivent d’utiliser des informations supplĂ©mentaires afin de dĂ©finir la façon dont ils fonctionnent. On retrouvera donc ces dĂ©tails dans l’attribut qui est constituĂ© par des paires nom="valeur" . Les attributs sont inclus dans la balise ouvrante de l’élĂ©ment. Ex : <a href="page2.html">Cliquez ici </a>. I ci le nom de l’attribut est href, il est suivi d’un signe “=”, puis ...
Lire la suite