Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Pour apprendre le langage HTML Introduction : Voici ce que vous devez savoir av

Pour apprendre le langage HTML Introduction : Voici ce que vous devez savoir avant de continuer : Tout d' abord, il faut préciser que le langage HTML est relativement simple mais que celui-çi impose au programmeur une logique et une rigueur qu' il est de son devoir de respecter. Son travail va consister à écrire, dans un logiciel de traitement de texte ( pour nous, Wordpad ou le Bloc note ) son texte en y placant consciencieusement des balises ( = des instructions ) qui lui permettront de formater son texte, c' est à dire, changer la couleur de son texte, changer sa structure, et y implanter des images par exemples. Il existe deux types de balises, les "conteneurs" et "événement". Toutes s' écrivent encadrées des chevrons "<" et ">". Les balises conteneurs sont des balises qui s' utilisent par paires et encadrent une zone du document, par exemple le début et la fin d' une séquence en gras ( et ). Les balises événement s' utilisent en solo, comme la balise < hr > qui affiche une ligne de séparation. Biensûr ces balises apparaiteront sur votre traitement de texte ( format *.txt ) mais pas sur votre pas web ( format *.htm ou *.html ). Petite anecdote, j'ai du ajouter un espace entre les chevrons et ce qui est écrit à l' interieur pour pouvoir afficher les balises de mes exemples juste au dessus. Si je n' avais pas ajouter ces espaces, les balises ne se seraient pas afficher et auraient formater mon texte... Toute page débute par une déclaration qui ne sera pas affichée par le navigateur, mais qui lui permet de déterminer la nature du document à afficher. Chaque page web se composera donc dès le début par la balise < HTML > et se finira par la balise < /HTML >, dernière balise qui en fait n' est pas nécessaire. A l' interieur de cet encadrement, on distinguera deux parties : L' en-tête signalée par les balises < head > et < /head >, le corps où se trouvera le contenu de votre page encadré par les balises < body > et < /body >. Dans l' en-tête, on incorpore des balises complexes dont on ne se souciera pas mais il faut savoir que les balises < title > et < /title > sont importantes car elles afficheront le titre du document tout en haut à gauche du document, dans la petite barre bleu... on aura donc : ---------BLOC NOTE------------(Indique le début du bloc note.A ne pas écrire comme instruction!) < html > < head >< title >Vous mettez le titre de la page içi.< /title >< /head > < body > Vous mettez le contenu de votre page içi. < /body > < /html > ---------FIN BLOC NOTE--------(Indique la fin du bloc note.A ne pas écrire comme instruction!) Incorporez dans le bloc note ces instructions. Vous avez donc un fichier TXT. Il vous suffit de le renommer maintenant en HTM ou HTML selon votre préférence. Cette modification d' extension va permettre de visualiser le contenu de votre document par votre navigateur et de se rendre compte du résultat final. Bon, ca, c' est une page web embryonaire! Toute ces pages doivent pourtant contenir ce minimum d' instruction. Dans la partie II du sommaire, à savoir, PRESENTATION DES BALISES HTML, nous allons vous présenter les différentes balises qui se placent cette fois dans le corps du document, c' est à dire entre les balises : < body > et < /body >. Voilà, c' est la fin de l' introduction. Les Balises : PRESENTATION DES BALISES Voici ce que vous attendez tous, les balises qui vont vous permettre de controler vos écrits et mettre en oeuvre vos quatres volontées. En effet, içi réside la partie non pas la plus difficile mais dirons nous, la plus tranquille qu' il puisse exister sauf qu' il va falloir que vous connaissiez par coeur ces instructions... Voilà, mais ceci va se faire normalement, à force de manipulations, tout ça ne sera qu' une simple formalitée. ( Si vous avez lu l' intro. ) Tout d' abords, veuillez télécharger le fichier suivant, c' est un fichier d' aide sur les balises, très pratique, à compter dans votre trousse à outils. -FICHIER AIDE- Toutes les balises qui vont vous êtres présentées vont l’êtres selon un schéma précis. Nous allons vous les regroupées par catégories...Voyez plutôt. FORMATAGE DU TEXTE * et TEXTE EST EN GRAS --------------------->salut * et TEXTE EST SOULIGNE-------------------->salut * < s > et < /s > TEXTE EST BARRE------------------------>salut * et TEXTE EST EN ITALIQUE------------------->salut * < tt > et < /tt > POLICE TYPE MACHINE A ECRIRE--------->salut * < big > et < /big >TEXTE EN GROS CARACTERES---------->salut * et TEXTE PETIT CARACTERES---------->salut * et TEXTE PLACE EN INDICE-------------->salut * et TEXTE PLACE EN EXPOSANT---------->salut * < pre > et < /pre > TEXTE ECRIT EN PREFORMATE---------> salutca va? Il affiche même les retours à la ligne. * < hX > et < /hX > X=1,2,3 ou 4 jusqu' a 6. Permet de formater vos titres. AVEC H1 : A AVEC H2 : A AVEC H6 : A Remarque : comme cette balise sert à formater son ou ses titres de document, remarquez qu' après la balise < /h6 > ( balise de fermeture ),tout le texte va à la ligne. On pourrait dire que la balise de fin < /h6 > agit comme un ( voir plus bas ). Il est donc inutile pour aller à la ligne d' ajouter après les balises en < hX > et < /hX >. * et PERMET DE METTRE SON TEXTE EN COULEUR. LE X corespond à des chiffres ou lettres, de 0 a 9 et de A à F ( du plus clair au plus foncé ), en fait, de 0 à F. Les 2 premiers X permettent de mettre du rouge, les 2 X suivants, du vert, les 2 derniers, du bleu. Faites des combinaisons avec les nombres et chiffres et créez des couleurs jamais vues encore! A la place des X peuvent êtres écrites des couleurs, en Anglais. Par exemple : donne Salut donne Salut donne Salut Les autres couleurs peuvent elles aussi fonctionnées. Exemple avec les couleurs: donne Salut. Voici les différentes couleurs que vous pouvez placer tel quel dans la balise: noir = black marron = maroon vert = green olive = olive bleu marine = navy pourpre = purple bleu/vert = teal gris = gray argent = silver rouge = red citron = lime jaune = yellow bleu = blue fuchsia = fuchsia vert bouteille = aqua blanc = white CARACTERES SPECIAUX * < hr > AFFICHE UNE LIGNE. Exemple : Mais cette balise peut être modifiée. < hr size=10 width=75% align=center > donne : Noter que le chiffre en pourcentage peut être remplacé par un nombre, nombre qui exprime des pixels. A la place de "Align" peut être écrit "left" ou "right". * PERMET DE FAIRE UN NOUVEAU PARAGRAPHE. Exemple: "Salut ca va ?" donne: "Salut ca va ?" Cette balise peut elle aussi être modifiée avec l' attribut "align" comme pour < hr >. * PERMET D' ALLER A LA LIGNE. Plusieurs à la suite peuvent permettre de passer plusieurs lignes. Comment publier sa page web PUBLICATION Bon, en fait, il n'y a pas vraiment de méthode précise car selon l'hébergeur, les méthodes peuvent varier. On remarque cependant une similitude :  Premierement, il faudra vous inscrire sur le site de l'hébergeur choisit. Vous disposerez donc des services complémentaires comme e-mail perso, ETC...  Ensuite, vous allez engager la procédure d'obtention du pseudo et mot de passe pour votre site ( si ce n'est pas déjà fait ). Cela veut dire que vous devrez trouver un nom de site ( le plus souvent celui - ci correspond au pseudonyme qu' il vous est demandé à l' inscription ou lors de la procédure de mise en service de votre site ). Vous devez disposez de 3 renseignements : - URL FTP, adresse pour le logiciel FTP ( voir troisiemement ). Exemple, pour multimania, son adresse internet est www.multiania.com et son adresse FTP est : ftp.multimania.com - Votre pseudo qui vous servira aussi pour le logiciel FTP, il est par exemple, pour multimania le nom de votre site et pseudonyme en même temps. Exemple, l' URL de mon site est www.multimania.com/bennyz, et j'ai comme pseudo pour le FTP, "bennyz". - Il vous faut ensuite votre mot de passe qui servira encore pour le logiciel FTP qui vous uploads/s1/ cours-informatique-apprendre-le-langage-html-programmation 1 .pdf