Rappel du premier message :

Coucou, voici ta partie cours de codage
Programme (officiel, que je suis xD)
> Introduction:

☼ l'HTML, kézako ?
☼ Vocabulaire et choses à savoir
☼ Les navigateurs, les versions et la compatibilité
☼ Quel logiciel pour coder soi-même ?

> Les bases et l'apprentissage

☼ La structure de l'html et l'indentation
☼ Les commentaires en html (+ les commentaires en css)
☼ Les balise style et ses attributs pour enjoliver un code
☼ Texte: attributs de style (gras,italique,centrer,couleur etc), paragraphes, sauts de lignes
☼ les div, les span et ce qu'on peut réaliser avec, les propriétés.
☼ les images, les liens dans un texte, les liens dans les images
☼ les listes ordonnées et non ordonnées
☼ Les imbrications de balises
☼ Les tableaux
☼ CSS, styliser un texte ou autre en CSS



PROGRESSION ACTUELLE: 25%
(d'ailleurs je pourrais t'expliquer comment faire une barre de progression comme ça, je l'utilise toujours j'aime trop xD)

Étrange, sur tablette je la vois pourtant en orange. Plus jamais je ne code avec ma tablette elle me hait, c'est sûr D: (D'ailleurs la barre de progression je la vois étrangement, elle est blanche avec des traits et il y a une ligne bleue qui est un peu près au milieu. Pas du tout pareil que l'ordi...) Et pour les les deux fiches sont pareille, le gif est bien affiché  (:

Je me relirais la prochaine fois (:

Sur ordi tu la vois bleue remplie quasiment ? XD

La sur mon ordi, je vois la même chose mais en vert. Avant je voyais une barre entièrement verte x)

Ah bizarre xD

Bon, que faisons-nous maintenant ? 8D (Comment on la fait d'ailleurs la barre ?)

balise

Code:

<progress></progress>

Pour former la barre trois valeurs:

Code:

<progress max="100" value="25" form="form-id">25%</progress>

► "max'' qui indique la valeur maximale de la barre, par exemple 100% de réussite.
► "value="25"" qui indique la valeur actuelle de la barre et donc la couleur qui se remplit
► form id, plus dur à comprendre c'est pas utile xD Mais il cible l’ID d’un formulaire enfin voilà même moi je saurais pas expliquer XD

Pour modifier la progression sur 100% tu modifies value = 25 par le nombre souhaité, voilà !

50%
25%

OH C'EST BEAU. On peut changer la couleur ?

Non je ne pense pas ! :o

Ah dommage, ça aurait été sympa. ):

En effet !
Suite du cours demain ^^

D'accord. Juste une petite question. On peut mélanger les deux style de codage ? (CSS et HTLM) Dans un même truc ? Et c'est quoi la différence entre les deux ?

Non ! L'html reste le squelette d'une page, et le css l'esthétisme.
Notepad te sert à ça, par exemple ton HTML sera dans un fichier et lié avec un code ^^
On verra ça plus tard le css, mais il est dans un autre fichier, et quand tu ouvres l'HTML via ton navigateur, ça ouvre HTML + CSS comme le CSS est lié à ton html xD
Comprendo ? xD

Honnêtement ? Pas vraiment x)

D'accord alors je reprend:

PAGE HTML sans css:


Si on rajoute du css pour l'embellir:


Pour celà l'html est lié au CSS. Ce sont deux langages différents, il ne peuvent pas être sur le même fichier !
Le css est lié grâce la balise link sur l'html directement, regarde mon document html et mon lien pour le lier au CSS:


et donc le css qui est lié mais sans balise qui le relie à l'html cependant !

Oh, j'ai compris, merci !

toujours làààà? :p
J'aimerai bien que tu essaies de faire cette fiche, ça fait un mois qu'on a pas bossé c'est REPARTI WORK WORK WORKKKKKK WORK WORK ♫
> https://2img.net/image.noelshack.com/fichiers/2016/37/1474048088-schema3.png

Eh mamie tague moi x) Quel est la police utilisée ?

Sorry
@Flytea Lobster 1.4 éé

*sors le fouet* J'ai tellement la flemme de faire la fiche, je le ferais ce soir.

d'accord ^^

J'ai trop le fmme de coder. ;_;

Si tu veux plus les cours bah dis le ça évitera d'attendre et laisser une place à qqlq d'autre ^^
Ca serait bien de le faire, je te laisse suffisamment de temps ^^

Je laisse ma place, il y aura bien quelqu'un de plus motivé et qui aura plus le temps. Merci beaucoup de ta patience et bon courage :3

Pas de soucis, en espérant t'avoir fait tout de même progresser !

tu veux qu'on archive ce cours @Matae ? :p