# data[].attributes.body
- Si vous voulez participer aux traductions du padlet (anglais, espagnol, etc...), vous pouvez me contacter par mail: demonisyt@gmail.com
- Des captures d'écran seront ajoutées pour vous aider.

# data[].attributes.body
Pour commencer, vous avez besoin de deux choses:
- D'un logiciel qui vous servira à écrire du texte et à la modifier. Il en existe plusieurs, mais je vous conseil Sublime Text 3. (Sinon vous pouvez utiliser NotePad ++ ou d'autre logiciels du même type).
- D'un navigateur internet tel que Google chrome, Internet explorer, Mozilla firefox, etc..

Vous devrez donc installer un logiciel de chaque type.

Sublime Text 3: https://www.sublimetext.com/3
Google Chrome: https://www.google.fr/chrome/browser/desktop/index.html

# data[].attributes.body
"HTML" sont les initiales de HyperText Markup Language.

# data[].attributes.body
Pour commencer, créez un dossier (le nom importe peu). Personnellement, je l'ai nommé: "Mon Site".

Ensuite, dans ce dossier, créez un dossier "img" (il servira à stocker les images ou vidéo que vous introduirez dans votre code), un dossier "css" (où vous mettrez vos feuille de style (sera expliqué dans un futur Padlet) et un fichier texte nommé "index.html" (le pourquoi du nom vous sera expliqué plus tard). C'est ce fichier texte qui contiendra votre code.

# data[].attributes.body
Déjà, qu'est ce qu'une balise ? Les balises sont les éléments qui vous permettront de structurer votre code et d'y définir les éléments qui figureront sur votre site ainsi que leur ordre. Généralement, les balises fonctionnent par paire. Un ouvrante et une fermante.

Pour la balise "html", sa balise ouvrante est <html> et sa balise fermante est </html> (le / indique ici une fermeture).
Elle sert à indiquer au logiciel qui execute votre code qu'il est écrit en HTML.

Le code:

# data[].attributes.body
Traduit littéralement par "tête", cette balise vous servira à donner les informations de base de votre site tel que les fichiers liés à votre code (les feuilles de style par exemple), etc....
Sa balise ouvrante est <head> et sa balise fermante est </head>.

Le code:

# data[].attributes.body
Créez un code contenant les deux balises vues précédemment.

# data[].attributes.body
Traduit littéralement par "corps", c'est ici que sera structuré les différentes parties de votre site web.
Sa balise ouvrante est <body> et sa balise fermante est </body>.

Le code:

# data[].attributes.body
La balise "p" (<p> et </p>) sert à entrer des paragraphes de texte sur votre page web.

# data[].attributes.body
Vous allez créer une zone de texte où vous inscrirez "J'aime écrire sur ma page web".

# data[].attributes.body
La balise <meta > sert à changer certaines paramètres de votre site. Elle se trouve dans la balise <head>.

La balise <meta > fonctionne seule.

Je vais ici vous présenter la balise <meta > de type "charset". Lorsque vous allez ajouter du texte à votre site, il se peut que certains caractères ne soit pas bien retranscrits sur votre site. Pour pallier à ce problème, on va mettre la paramètre "charset" à "utf-8".

Le code:

# data[].attributes.body
La balise "title" (<title> et </title>) sert à changer le nom de l'onglet (de cette page web uniquement).

# data[].attributes.body
Ajoutez à votre code une balise "title" afin de changer le nom de l'onglet en "Mon Site"