| |||||||
| Tutoriaux et Cours Retrouvez ici des tutoriaux illustrés par des captures d'écran. |
 |
| | LinkBack | Outils de la discussion | Modes d'affichage |
| S'inscrire - FAQ - Membres - Marquer les forums comme lus - |
| |||||||
| Tutoriaux et Cours Retrouvez ici des tutoriaux illustrés par des captures d'écran. |
|
| | LinkBack | Outils de la discussion | Modes d'affichage |
19/06/2007, 21h25
| ||||
| ||||
| le HTML en quelques mots... Hello, Un petit cours sur le html, de ce qu'il y a de plus simple... Le HTML ou Le HyperText Markup Language, est un langage couramment utilisé sur le web conçu pour accueillir des hyperliens dans du texte, d'ou le nom de HyperText... Presque tout ce que vous voyez sur le web est du html donc voila, passons à ses types et bases.. Le Html a évolué depuis 1989, maintenant on parle de 3 types fondamentaux : HTML Transitionnel ou Strict : Apparences classiques séparant la mise en forme du texte pour le Strict. XHTML Transitionnel ou Strict: il se distingue, en plus, par son contenu dynamique.. Une page HTML contient toujours deux parties : Une entête de page et un corps de page. Entête : head. Corps : body. - L’entête contient les informations sur la page, qui ne seront pas affiché dans le navigateur, comme la description, les mot clés, et quelques autres déclarations.. - Le corps contient ce qui sera affiché dans la page. Exemple : notre page s'appelle "Cours HTML par Asslema Tunisie" Ce titre sera affiché sur la fenêtre du navigateur. La description est : Cours donné par TheMajesty, traitant les notions de bases en html Les mots clés :"cours html simple base" La page contient un titre en grand : cours html et une phrase : ceci est un exemple de texte Comment écrire ceci en html ? On a recours a ce qu’on appelle des balises qui déclarent le début et la fin de chaque élément. Pour l’entête on a la balise <head>, le titre <title>, le corps <body>… qui se ferment par </head> </title>… Pour le contenu de<head>, on a recours aux balises META qui changent de contenu pour accueillir la description de la page ou les mots clé ou autres infos. Exemple pour notre page : Code HTML: <meta name="description" content="Cours donné par TheMajest, traitant les notions de base en html" /> <meta name="keywords" content="cours, html, simple, base" /> Code HTML: <html> <head> <meta name="description" content="Cours donné par TheMajesty, traitant les notions de base en html" /> <meta name="keywords" content="cours, html, simple, base" /> <title>Cours HTML par Asslema Tunisie</title> </head> <body> <h1>cours html</h1> <p>ceci est un exemple de texte</p> </body> </html> I – Grand Un Texte texte II – Grand Deux 1- Petit un Texte texte 2- Petit deux Texte texte On écrira en html : Code HTML: <h1>Grand Un</h1> <p>Texte texte</p> <h1>Grand Deux</h1> <h2>Petit un</h2> <p>Texte texte</p> <h2>Petit deux</h2> <p>Texte texte</p> Pour une liste, au lieu de faire décrire des tirets on peu utiliser les éléments suivants <ul> pour déclarer le début d’une liste, <ol> pour une liste numérotée et <li> pour un élément de la liste Exemple : Code HTML: <!-- Liste à Puce --> <ul> <li>Elément numéro 1</li> <li>Elément numéro 2</li> <li>Elément numéro 3</li> <li>Elément numéro 4</li> </ul> <!-- Liste Numérotée--> <ol> <li>Elément numéro 1</li> <li>Elément numéro 2</li> <li>Elément numéro 3</li> <li>Elément numéro 4</li> </ol> Pour afficher un tableau il faut d’abord savoir combien de ligne et combien de colonne à afficher. Et on les affiche ligne par ligne. On déclare le tableau par <table> une ligne par <tr> et une colonne par <td>. Exemple Code HTML: <table> <tr> <td> Colonne 1 de la ligne 1</td> <td> Colonne 2 de la ligne 1</td> <tr> <td> Colonne 1 de la ligne 2</td> <td> Colonne 2 de la ligne 2</td> </table> Code HTML: <img src="ADRESSE_URL" alt="Texte alternatif" /> Les standards HTML exigent un texte à afficher au cas ou l’image est indisponible comme quand l’adresse est incorrecte, mais ça sera affiché même sans alt. On finit sur les <div>, un élément essentiel pour l’organisation des pages. Div pour division, on peut grâce à cette balise diviser notre pages en éléments à organiser différemment des autres.. Voilà, des questions ? N'hésitez surtout pas ! Un complément ? Merci de l'ajouter !
__________________ J'ai désactivé la messagerie privée. Prière de me laisser un message sur mon profil  Dernière modification par TheMajesty ; 19/06/2007 à 21h38.  |
|
22/06/2007, 23h37
| ||||
| ||||
| Re : le HTML en quelques mots... TheMajesty, je trouve ton cours un peu compliqué. Tu sautes du coq à l'âne en oubliant que la plupart des Asslemistes ne vivent pas continuellement avec les scripts tout comme toi  .Bon, je vais essayer de faire plus simple si tu le permets .Pour commencer, je rappelle que le le HTML est un langage à balise, que si on ouvre une <balise>, on doit la fermer </balise> sinon on aura pas le résultat qu'on voulait. Aussi, le contenu n'est fiable que si il se trouve entre les balises html, head et body.
La Balise <font> traite avec un peu de détails la mise en forme du texte : la couleur, la taille, la police, l'alignement etc..
 .
__________________ Ecrire, c'est une façon de parler sans être interrompu ! |
|
22/06/2007, 23h53
| ||||
| ||||
| Re : le HTML en quelques mots... Hihi... Continue ainsi stp
__________________ J'ai désactivé la messagerie privée. Prière de me laisser un message sur mon profil |
|
| Outils de la discussion | |
| Modes d'affichage | |
| |
Copyright ©2005 - 2008, Asslema Tunisie. Édité par : vBulletin® Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
SEO by vBSEO 3.1.0 |
Mode linéaire
