jeudi 4 juin 2015

H T M L : S'armer et s'exclamer "Bonjour" !


Le langage de présentation HTML !
Attends deux minutes, comment ça « présentation » ?!
En effet, HTML est le langage de base du web, sans lui, vous n'avez rien d'affiché sur une page. Mais ce n'est pas de la programmation à proprement parler car il a en fait un rôle très précis : structurer la page. Il sert donc à la présentation.


Je vous avais avertit ! Êtes-vous prêts ? Code source d'une page web :




En fait, il s'agit du code de la page Facebook lorsqu'on est connectés donc ce n'est pas un modèle classique. On voulait juste pour faire peur !

Maintenant que c'est définis, on va clarifier le fait de structurer la page. Et là, comme il vaut mieux parfois un schéma qu'un long discours. Essayez donc de comprendre la structure DOM...









structure dom exemple


Pas fastoche hein… Faites pas exprès, vous avez du comprendre des trucs



Dans ce premier article, tu vas apprendre la base de la base, le mythique et monstrueux programme "hello world" :



Pour cela rien de plus simple, il faut installer l'outil ultime, la crème de la crème, le caméléon de l'Internet : Notepad Plus Pluuuuuuuus, en fait juste Notepad ++...
Il est d'ailleurs disponible IIIIIICCCCCCIIIIIII Si t'as cliqué à coté, ... sois t'as pas de bol, soit t'es maudit, sois les deux... Alors conjures moi ce sort en CLIQUANT !

Par pitié, ne prenez pas Dreamweaver d'Adobe, son rendu pour tester... est
сосать программное обеспечение (pour les plus polis, pas recommandable du tout).
Par contre, si vous préférez autre chose... Libre à vous d'utiliser le logiciel que vous souhaitez.
Une fois le logiciel téléchargé :
  1.  tu dois ouvrir,
  2. faire nouveau fichier et
  3. tu peux commencer ta page
Tu dois apprendre a faire "l'entete" et la structure principale.
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 <HTML>
         <HEAD>
                  <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=iso-8859-1">
                  <TITLE>un titre...</TITLE>
         </HEAD>
         <BODY>
   
         </BODY>
  </HTML>
Ne fuyez pas (du moins pas encore) ! Je vous assure que c'est pas très compliqué mais on ne vas pas s'attarder dessus plus longtemps.

Afficher un texte en html ? Simple à réaliser mais dur à expliquer, un exemple seras plus clair

insérer  <p> Hello world </p>  entre les balises body !

Les balises ? c'est quoi ? C'est des trucs comme ça : <x> </x> (remplacer x par body ici)

Concrètement, les balises en HTML existent en paire et en... euh... unique ? solo ? seules ? seules au monde hihuhu pardon... juste seules

Il existe également des balises s'utilisant seules comme <img>, <br/>, etc

Et voila jeune padawan, un monde nouveau s'ouvre à toi !

H T M L : Les menus, on veut manger !

Pour revenir à l'étape précédente

Aucun commentaire:

Enregistrer un commentaire