Introduction au HTML et CSS

I\ Qu'est-ce que l'HTML ?


HTML signifie « HyperText Mark-Up Language », il s'agit d'un langage web permettant la structuration du texte présent sur les sites internet, à l'aide de balise HTML. Les balises permettent d'indiquer comment doit être présenté le texte aux utilisateurs.
Exemple de balise :

Code:

<p>Ceci est un paragraphe</p>

Les balises

indique que le texte qui se trouve entre ces balises est un paragraphe. Un détails à ne jamais oublier est de toujours insérer votre texte entre ces balises de paragraphe pour pouvoir respecter les standards du web (W3C).

Le langage HTML a été inventé par Tim Berners-Lee en 1991, depuis cette date plusieurs version du HTML ce sont succéder :

• le HTML1 ( celui de Tim Berners-Lee )

• le HTML2 qui est apparut en 1994

• le HTML3 qui a détrôner le HTML 2 et est apparut en 1996

• le HTML4, apparut en 1998, qui est aujourd'hui encore très répandu dans les codes sources

• le HTML5, sortit récemment en 2011, qui n'est pas encore très répandu. Cette version est une amélioration de la précédente, elle intègre des balises plus courtes et de nouvelles fonctionnalités.

Nous étudierons principalement le HTML5.

II\ Qu'est-ce que le CSS ?

CSS signifie « Cascading Style Sheets » que l'on appelle aussi Feuilles de style.
Le CSS permet de donner une apparence à votre site internet. Avec ce langage, qui complète le HTML, on pourra styliser nos pages web, c'est à dire qu'on pourra mettre en place un design ( ce sera l'objet d'un exercice ), on pourra également mettre de la couleur sur nos textes, changé la police de nos écritures, on pourra même faire des animations.

Depuis sa création en 1996, le CSS s'est développé en 3 version, les voici :

• le CSS 1, crée en 1996

• le CSS 2, crée en 1999

• le CSS 3, le plus récent permet de réalisé des dégradés, des ombres ou bien encore des animations simple ou en 3D

Nous étudierons le CSS dans sa généralité, et nous verrons quelques fonctions intéressantes du CSS3, comme les animations est les ombres par exemple.

III\ Conclusion

Vous l'aurez compris, si vous créer un site internet il vous faudra connaître ces deux langages, l'un pour structurer vos pages web, et l'autre pour les styliser.
Mais pas de panique nous verrons ces notions ensemble.
Je commencerai tout d'abord par vous montrer quelques bases du HTML puis quelques bases du CSS.


Il faut savoir que Pixel'Z est avant tout un forum dédié au pixel-art et au graphisme, cependant le graphisme permet aussi de réalisé des sites internet c'est pourquoi nous proposons des tutoriels sur les langages web, mais il vous faut savoir que vous n'apprendrez pas les bases, j'entend par là les fondations du HTML et du CSS, il vous faut avoir quelques acquis. Je vous conseille le Site du Zér0 pour avoir quelques acquis.

Je dormirais moins bête ce soir :)
Sinon je vous suggère le site du zér0 comme tu l'a déjà dis ;)

J'y prends des cours dessus, c'est vrai que c'est vachement bien.

Merci Babou

Oui vraiment aller sur le site du zéro, parce que je ne pourrais pas vous enseigner les bases !
Comme je l'ai dit, ce seront des cours ciblés :)

Merci.

N'hésitez pas à poster un petit message sur ce topic : https://pixelz.keuf.net/t1155-reprise-du-coin-informatique afin de préciser quels tutoriels vous voulez voir ;)