AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2009 07 06 01:27:27
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

LE HTML EN SIMPLE


Information sur le tutorial

Catégorie :Tutoriaux Date de création : 25/05/2006 22:56:55 Vu : 6 987 fois
Auteur : Tirith Ecrire un message privé
Note :
2,8 / 10 - par 5 personnes
2,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (8)
Ajouter un commentaire et/ou une note

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.


signaler à un administrateur
Commentaire de DomJ le 30/06/2006 18:03:56

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

signaler à un administrateur
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!!!

signaler à un administrateur
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.

signaler à un administrateur
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 :)

signaler à un administrateur
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é



signaler à un administrateur
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

signaler à un administrateur
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 ...

signaler à un administrateur
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

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version


Tomtom GO 740 LIVE
Entre 349€ et 508€


Visiter le guide achat

Photothèque Nouveau !

Photo pretty girlsPhoto alphabet langue des sourds
Photo femme, Plage, Bien être, 

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
Temps d'éxécution de la page : 0,109 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.