begin process at 2010 03 18 00:07:36
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Tutoriels

 > 

Tutoriaux

 > LE HTML EN SIMPLE

LE HTML EN SIMPLE


 Information sur le tutoriel

Note :
2,8 / 10 - par 5 personnes
2,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

 Description

Ici vous créerez votre première page web, ne vous inquietez pas c'est du gâteau, inutile de s'arracher les cheveux à l'avance.

Tutorial

                                            Le HTML
  
Aussi appelé XHTML, c'est le langage basique d'une page web.
Inutile d'être un expert en informatique pour créer en 5 minutes une page web.



1.La structure

je vais vous montrer ce qu'est un site web de façon très simplifiée :
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>

Ca ne vous dit peut être rien pour l'instant maisvous allez vite comprendre, tout ceci doit être tapé sur un éditeur detexte (moi c'est le bloc-note).
Hé oui, tout les sites (sauf pour les tricheurs :p) sont créés a partir d'éditeurs de texte.
Bon maintenant expliquons ce qu'est cet étrange code, vous avezsûrement remarqué que les mots sont encadrés de flèches comme ça<> : Ce sont des balises, les balises fonctionnent généralementpar deux, exemple : <title></title>
Le slash indique la fin de la balise et le mot sa fonction.
<html></html> indique simplement à l'ordinateur que le code qui suit est du html
<head></head> indique que les codes suivants vont être sur la barre de vote navigateur
<title></title> est placé entre <head> et</head> car c'est le titre qui va écrire dans la barre dunavigateur (ici CodeS-SourceS.com)
entre <body> et </body> sera placé l'essentiel du site web, le texte les photos et autres.


2-Un peu de vocabulaire

Voici quelques balises utiles,

<b>pour mettre en gras</b>
<u>pour mettre en souligné</u>
<i>pour mettre en italique</i>
<img :"adressedevotreimage"/>
<p>pour faire un paragraphe</p>
<center>pour centrer votre texte</center>
<a :"adressedevotrelien"/>


3- Et pour finir...

Créez votre page web, entrez le code que vous souhaitez et enregistrez sous votresite.html
puis quand vous l'ouvrirez vous verrez que les codes ont disparus mais que toutes vos balises aurons servies.
Et si vous voulez faire partager votre site, hébergez-le (c'est facile à faire vous verrez).

Maintenant que vous connaissez les bases, vous pouvez créer votresite,  je vous le dit tout de suite votre site sera assez mochecar sans CSS ni PHP, les sites web sont biens mornes, une bonne raisonde rester ici et d'apprendre le CSS et le PHP sur ce site.
Merci d'avoir suivi ce tutorial jusqu'au bout.


Commentaires

Commentaire de DomJ le 30/06/2006 18:03:56

Bravo! <b>Les personne qui sont débutante seront ravi de ce tutorial :)</b>

Commentaire de hvb le 28/07/2006 14:09:33

wahou...
"Le html aussi appelé xhtml"
commencer par une telle phrase n'annonce rien de bon.
"Hé oui, tout les sites (sauf pour les tricheurs :p) sont créés a partir d'éditeurs de texte."
va dire ça aux developpeurs qui passent leurs journées à placer calques, tableaux et compagnie sur des pages destinés a des clients... il y a une difference entre triche et optimisation.
Un editeur pourrait etre apparenté à de la triche si tu ne relisais pas ton code... et encore, quel interet y a t il a apprendre des centaines de balises par coeur pour un language STATIQUE.
Dans "vocabulaire", tu sors une liste infime de balise sans meme preciser la syntaxe...
et ton tutos est fini...
Et bah, on a bien appris le HTML!!!

Commentaire de hajar2000 le 14/09/2006 20:40:18

salut,
je trouve que ce qui est t'ecris est trés interessent mais ca n'empeche pas de mettre quel que exemple pour bien eclairir les choses,en tout cas moi aussi je suis debutante en creation des sites web,ainsi que je veux crée mon site avec html et c'est pour ca que je veux plus de détaile sur html
merci.

Commentaire de The Stampede le 15/10/2006 15:54:51

Bof, tu zappe très vite quelques balises (même pas les balises de titre, on va pas aller bien loin avec ça -_-). Tu ne parles même pas du DOCTYPE, ni des attributs (en gros tu zappe les 3/4 du langage).
"les balises fonctionnent généralement par deux" -> Tu devrai préciser, c'est loin d'être le cas pour toutes les balises. D'autre part il serai bon d'évoquer les types inline et block, sans quoi c'est le foutoir complet :D.
Les exemples des balises a et img sont incorrects, il faut donner l'attribut src pour le lien et alt pour pour la bulle.
Et le W3C n'est même pas évoqué. Tu imagines le nombre de sites horribles et non-compatibles auxquels on aurai droit si les règles n'étaient pas un minimum respectés :s ?
"Aussi appelé XHTML" -> Je confirme ça commence très mal -_- .
Sur ce je déconseille (oui je sais c'est très malsain ce que je dis) aux débutants de s'appuyer sur ce tuto. Le XHTML est certes facile à apprendre mais ce n'est pas pour ça qu'il faut en oublier la moitié des principes. Allez sans rancune :)

Commentaire de Mastronic le 25/11/2006 18:19:37

oui The Stampede, moi, je dirais pas que ça couvre pas les 3/4... ça couvre même pas le centième...

je pensé trouver des infos sur OnMouseOver, Onclick ... etc.. c raté.. snif
Heureusement j'ai trouvé sur http://fr.selfhtml.org/javascript/langage/gestevenements.htm




Ca aurais pu être un bon début de Doc.. Mais depuis Mai/Juin 2006 aucune autre ajoue..  Ce tutoriaux devrais être effacé!
Ma première note faible.. 2/10
- 1 pour la volonté d'avoir essayé...
- 2 pour l'avoir posté dans une communauté



Commentaire de pioo13 le 26/09/2007 10:42:27

tuto trop court , les balise cité ici sont partt suffi d'ouvrire les yeux , les explication son faible. une 10ene de commande a pein ^^

bref si tu fesait un petit exemple avec un logiciel de capture video genre fraps ou autre ca serai parfait car tes 4 explication.. LOL quoi

Commentaire de racinemode le 17/01/2008 12:11:04

tres tres tres  bien  c est un  bon courage

merci  et mille  merci  pour  vous ...

Commentaire de ravenheart le 09/11/2008 13:37:30

Tu appelle ça du Xhtml tu veux dire du html et il manque beaucoup de chose. les listes, les tableaux, les titres, et les balises dans le head qui sont importante.

 Ajouter un commentaire

Nos sponsors


Appels d'offres

Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

  
  

Visiter la photothèque
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,437 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)