HTML - La base (1)

Bonjour à tous ^^

Je prends mon courage à deux mains pour vous parler de la base du HTML, je vous parlerai ici des balises les plus courante et comment on les utilise. Le prochaine sujet sera sur le CSS je pense ^^

Pour ceux qui ne le savent pas, on peut mettre du HTML où on veut sur le forum. Dans les messages, dans les signatures, dans les templates (Je vous en parlerai aussi dans un autre sujet en vous listant les variables les plus utilisées). Et vous pouvez faire ce que vous voulez, ou presque avec. Ce petit tuto a été inspiré du Site du Zéro, vous trouverez plus d'information là bas. Ce que je vais écrire ici est surtout pour vous aider.

Site du zéro a écrit:

XHTML : c'est l'abréviation de eXtensible HyperText Markup Language. Entre nous, si vous ne retenez pas ce que ça veut dire, ça ne vous empêchera pas de dormir ;)
Ce langage XHTML, c'est celui avec lequel vous taperez le contenu de votre site web. Il contient des informations logiques : vous direz par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc etc...".

CSS : c'est l'abréviation de Cascading Style Sheets ("Feuille de style"). Ce langage nous sert uniquement à présenter la page web. C'est en CSS que l'on dira : "Mes titres sont en rouge et sont soulignés, mon texte est dans la police arial, mon nom est centré, mon menu a un fond blanc..." etc etc.
Grâce à ce langage, nous allons pouvoir créer rapidement et simplement la mise en page de votre site. Nous pourrons ainsi lui donner une belle présentation, sans pour autant être des experts en graphisme

Voilà, je me suis permise de vous faire un petit copier coller pour que vous puissiez voir la différence. Si vous n'avez pas compris cette partie là, n'hésitez pas à me demander plus d'explication, c'est la base de tout pour comprendre la suite. Le XHTML (ou HTML) est là pour écrire le contenu de la page web alors que le CSS est fait pour présenter ce contenu.

Il faut aussi savoir avec quoi coder. Personnellement, j'utilise notepad ++ ou alors directement dans mon navigateur, dans les templates ou le sujet du message. Le bloc note est aussi très très bien. Pour les utilisateurs mac, il y a Smultron que j'utilise aussi sur mon mac, il est vraiment très très bien. Je ne connais pas pour Linux mais comme ce système là est pour la programmation et tout ce qui va avec, je pense qu'ils ont d'excellents programmes.

Je vous conseille aussi d'avoir plusieurs navigateurs sur votre ordinateur, pour tester vos codages, il faut savoir qu'un site n'est pas afficher pareil d'un navigateur à l'autre, Internet Explorer et Safari (Navigateur de base sur Mac) ont beaucoup de mal avec les arrondis (Quoi que IE, ça va un peu mieux). Personnellement, j'utilise Mozilla et Google Chrome pour tester. Je vous ferez une liste des navigateurs qui existent si vous me le demander, je pourrais aussi vous dire la compatibilité avec le XHTML et CSS3 (je crois qu'on en est au 3, je me renseignerai pour ne pas vous dire de bêtises.

Voilà, ça sera tout pour le moment, comme je vous l'ai dis, c'est une synthèse du tuto du site du zéro, vous trouverez plus d'info là bas. Je vous donnerai le lien si ce que j'ai écrit ne vous convient pas.

Et dites le moi si vous voulez des tutos spécifiques.

Bonne journée ^^

Perso , j'ai rien compris. Je suis vraiment nulle en codage je comprend pas !

Moi j'ai appri ça à l'âge de 8 ans ^^ Ça parait dur mais c'est très simple, juste une question de logique et de patience ;) Si ça interesse quelqu'un je peux faire quelques tutos :)

Je trouve ça dur dur à retenir les codes qui aurait des codes à nous montrer?

Je ne dirais pas non Saphir ! :)

Quelques exemples :

Pour mettre une image :

Code:

<img src="URL DE L'IMAGE"

Pour mettre un fond :

Code:

<div style="background-image:url('URL IMAGE')">

Il y en a des centaines d'autres que je n'ai plus en tête ^^
Si vous voulez, par exemple, faire un site avec des interfaces, plusieurs fonds... ect... Je pourrais vous aider =)

Je me permets de mettre quelques exemples aussi ^^

Pour mettre le pseudo de la personne qui lit ton message (comme dans la signa' de Saphir) :

Code:

{USERNAME}

Pour faire un code (retire les étoiles) :
[*code]Ton texte[*/code]

Et pour faire une liste (retire les étoiles) :
[*list]Ton texte[*/list]

Puis, pour finir, pour faire un spoiler (retire les étoiles aussi) :
[*spoiler]Ton texte[*/spoiler]

Voilà ^^

C'est du BBcode, pas du html, c'est juste un petit détail mais c'est totalement différent ^^

Pour une liste:

Code:

<ul><li>***********</ul>

Ce qui donnera:

• *************

Merci pour tout ces codes . C'est sur que sa peut aider plus d'un pour les forum!