L’objectif est de donner un cours HTML vous permettant d’acquérir les bases du raisonnement HTML afin de comprendre la technique utilisée par les développeurs. Le HTML est le codage utilisé par les techniciens afin de créer des pages et des sites Web. Bien sûr, un Webmarketeur n’aura pas à réaliser un code HTML mais il doit comprendre ce codage afin de comprendre le métier des parties prenantes du Web, ainsi que les possibilités et les limites de la techniques.
Il existe depuis quelques temps de nombreux logiciels permettant de créer des sites Web sans faire appel à ce langage HTML comme WordPress ou Prestashop pour les plus connus. Néanmoins ces langages restent la base chez les programmeurs. Il faut donc le connaître afin de connaître les possibilités et le limites techniques de ce langage.
Cours HTML : La raison d’être du HTML
Le HTML est un langage informatique créé afin de lier des documents entre eux et faire ressortir du contenu texte, image et vidéo sur le Web. Le HTML a beaucoup évolué depuis ses début. On est passé de la version 1 à la version 5.
Le langage HTML est un codage informatique qui est interprété par les navigateurs web afin de le transformer en contenu et mise en forme.
Chaque balise provoque une action (gras, couleur, alignement…).
Le code HTML est une succession de balises entremêlées.
Pour aller plus loin dans le langage HTML, on peut étudier les CSS (il s’agit d’un langage qui permet de personnaliser l’affichage des éléments, équivalent des styles dans Word). Cela permet, lorsque le HTML est déjà réalisé, de l’habiller.
Pour le texte, il s’agit de choix concernant le fond family, fond size, fond weight et fonc style….
Cours HTML ET CSS
- ouverture de la balise, au début du contenu : <…>
- fermeture de la valise, à la fin du contenu : </…>
- ouverture de la balise de titre : <title>
- fermeture de la balise titre : </title>
- début de la page : <html>
- fin de la page </html>
- corps de texte : <body> … </body>
- souligner un texte (u) : <u> … </u>
- texte en italique (i) : <i> … </i>
- texte en gras (b) : <b> … </b>
- barrer un texte (s) : <s> … </s>
- mettre plusieurs balises à la fois : <u> <i> <b> … </b> </i> </u>
- mettre un texte à droite <div align= »right »> puis la balise comme en dessus
- mettre un texte au centre <div align = « center »> puis la balise comme au dessus
- mettre un texte aligné à gauche <div align = « left »> puis la balise comme au dessus
- couleur : <font color = « red »> … </font>
- taille : <font size = « 10 »> … </font>
- police d’écriture : <font face = « arial black » > … </font>
- taille de titre : de h6 à h1 (h1 étant le plus gros)
- paragraphe : <p>
- retour à la ligne et saut de ligne : <br>
- liens externe vers d’autres pages : <a href = « page= »index html> … </a>
- en bas de page remonter vers le haut de page :
- mettre en haut : <a name= »moi »>
- mettre en bas : <a href = »moi#/>
- images : <img src = « mon image.png » alt = « … »>
- Créer un tableau : <table>
Le HTML peut être écrit à la main, dans un éditeur de texte, sur Dreamweaver, ou avec un CMS (WordPress, Drupal…).
Alexandre Favrot
- Consultant SEO & Webmarketing / Créateur du Blog
- Mon site : www.alexandrefavrot.fr
- Prestation : Audit SEO / SEO / Webmarketing
- 06 83 76 54 49 / contact@alexandrefavrot.fr