Apprendre le HTML et le CSS | #1 Qu'es ce que c'est ? Comment ça fonctionne ?

  • Initiateur de la discussion anas_ouh
  • Date de début
  • Initiateur de la discussion
anas_ouh

anas_ouh

Geek
Messages
75
Score réaction
4
Points
45
/!\ Juste pour commencer ne m'accusez pas d'avoir plagié Thomas Mailler, j'ai juste envie de reprendre le concept mais en plus détaillé.

A quoi servent ces deux langages ?

Le HTML (HyperText Markup Language) : Il sert à gérer le contenu de la page. Exemple : insérer du texte, des images, des tableaux...

Le CSS (Cascading Style Sheets) : Il sert à gérer l'apparence de la page : les couleurs, les backgrounds, les polices d'écritures etc...

Exemple :

  1. mTxServ sans CSS : https://prntscr.com/g4cmt4
  2. mTxServ avec du CSS : https://prntscr.com/g4cn6k

On peut déjà faire ça avec le HTML, pourquoi es-ce qu'on devrait se casser la tête à apprendre un deuxième langage en plus ?


Tout simplement car le CSS offre plus de fonctionnalités et est beaucoup plus simple d'utilisation.


Les pré-requis

Un éditeur de texte

Pour pouvoir écrire du HTML et du CSS il vous faut un logiciel qui s'appelle un éditeur de texte.

Les plus connus sont :

Notepad++ : Il est gratuit, simple d'utilisation et super pour débuter.
Sublime Text 3 : Il est gratuit et offre un peu plus de fonctionnalités.
PHPStorm : Il est payant et est utilisé par les professionnels.

Il en existe beaucoup d'autres mai je ne vais pas tous les citer.

Un navigateur

Pas besoin de vous en présenter si vous êtes ici c'est que vous en possédez déjà un.

C'est tout.

Maintenant vous êtes fin prêts à programmer en HTML et en CSS.

N'hésitez pas à me donner des conseils/critiques pour la suite.


Source d'inspiration : openclassroom.com
 
  • J'aime
Réactions: Anastasia
slownls

slownls

Helpeur Divin
Messages
1 853
Score réaction
1 079
Points
465
Pour ma par, je trouve que faire des tutos sur le css et html ne sert à rien vu que OpenClassroom le fait très bien...
 
  • J'aime
Réactions: anthonin lahterman, FalkioGMR, Taink et 1 autre personne
L

LiberezNeo

Geek
Messages
106
Score réaction
35
Points
75
slownls à dit:
Pour ma par, je trouve que faire des tutos sur le css et html ne sert à rien vu que OpenClassroom le fait très bien...
Y'a pas tous le monde qui connait ces sites, pense a Jk miskine
 
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
LiberezNeo à dit:
Y'a pas tous le monde qui connait ces sites, pense a Jk miskine
Ouais bon hein...
http://lmgtfy.com/?q=tuto+apprendre+html
 
Thomas Mailler

Thomas Mailler

Geek suprême
Messages
657
Score réaction
155
Points
100
anas_ouh à dit:
/!\ Juste pour commencer ne m'accusez pas d'avoir plagié Thomas Mailler, j'ai juste envie de reprendre le concept mais en plus détaillé.

A quoi servent ces deux langages ?

Le HTML (HyperText Markup Language) : Il sert à gérer le contenu de la page. Exemple : insérer du texte, des images, des tableaux...

Le CSS (Cascading Style Sheets) : Il sert à gérer l'apparence de la page : les couleurs, les backgrounds, les polices d'écritures etc...

Exemple :

  1. mTxServ sans CSS : https://prntscr.com/g4cmt4
  2. mTxServ avec du CSS : https://prntscr.com/g4cn6k

On peut déjà faire ça avec le HTML, pourquoi es-ce qu'on devrait se casser la tête à apprendre un deuxième langage en plus ?


Tout simplement car le CSS offre plus de fonctionnalités et est beaucoup plus simple d'utilisation.


Les pré-requis

Un éditeur de texte

Pour pouvoir écrire du HTML et du CSS il vous faut un logiciel qui s'appelle un éditeur de texte.

Les plus connus sont :

Notepad++ : Il est gratuit, simple d'utilisation et super pour débuter.
Sublime Text 3 : Il est gratuit et offre un peu plus de fonctionnalités.
PHPStorm : Il est payant et est utilisé par les professionnels.

Il en existe beaucoup d'autres mai je ne vais pas tous les citer.

Un navigateur

Pas besoin de vous en présenter si vous êtes ici c'est que vous en possédez déjà un.

C'est tout.

Maintenant vous êtes fin prêts à programmer en HTML et en CSS.

N'hésitez pas à me donner des conseils/critiques pour la suite.


Source d'inspiration : openclassroom.com
plagia rooooooooo mdr
 
  • J'aime
Réactions: anas_ouh
Thomas Mailler

Thomas Mailler

Geek suprême
Messages
657
Score réaction
155
Points
100
Discord d'entraide
Rejoignz-nous sur Discord