HTML #6 | Listes

Les listes peuvent être ordonnées ou désordonnées.

Les listes ordonnées

Nous allons nous servir du tag <ol></ol> (ordered list) et non, nous ne parlons pas du club de foot [blague moisie qui réveille].

Ensuite, le tag <li></li> englobera tous les éléments de cette liste (li pour list). Simple comme bonsoir.

listes

Constat assez flag : tous les éléments sont numérotés dans l’ordre. Pour les psychorigides, c’est une bonne option.

Les listes désordonnées

A la place du tag <ol></ol>, nous utiliserons le tag <ul></ul> pour unordered list évidemment.

listes

Ce ne sont plus des numéros mais des points qui s’affichent. Les frileux des mathématiques seront R A V I S !

Un train peut en cacher un autre

Une liste peut en contenir une autre – Cible : amateurs de to do lists – #papiersquitraînentpartout

Pour ajouter une liste ordonnée à l’élément « traiter l’administratif relou » :

listes

listes


       La suite, c’est par I C I, les gars !

listes         Si tu es à la ramasse et que tu n’as rien suivi, on reprend depuis le début :

listes

Ann

Continue Reading

HTML #5 | Images

Pour intégrer une image, le tag <img> est nécessaire. Comme pour le tag <br>, le tag de fermeture n’est pas nécessaire. Je vous renvoie à cet article, si vous n’avez pas tout suivi.

Pour spécifier l’image que nous souhaitons intégrer, nous utilisons l’attribut « src » pour source.

Dans mon cas, mon image est située au même endroit que mon fichier index.html autrement dit, sur mon bureau.

Il me suffit de spécifier le nom de ce fichier-image.

Cependant [oui tout n’est pas si simple], il faut faire la distinction entre un chemin relatif et un chemin absolu.

Continue Reading

HTML #3 | Tags spéciaux

TAGS COMMENTAIRES

Comment écrire un commentaire ? La réponse en image [comment ne pas se fouler] :

tags

Comme par magie, le message n’apparaîtra pas dans le contenu.

tags

Dans un souci de communication (et même si vous êtes asocial), les commentaires permettent de laisser à vous-même [si vous avez une mémoire digne de Dory du Monde de Némo] ou à d’autres personnes une explication du code. C’est plutôt pratique et cela ne change rien au résultat final. Il serait dommage de s’en priver.

TAGS LINE BREAK (SAUT A LA LIGNE)

Simplicité absolu pour ce tag <br> = pas besoin de fermeture (puisque pas de contenu). Vous pouvez également en mettre plusieurs à la suite, ce qui évidemment vous fera sauter plusieurs lignes [magnifique démonstration de ce qui saute aux yeux].

tags

tags

 


       La suite, c’est par I C I, les gars !

         Si tu es à la ramasse et que tu n’as rien suivi, on reprend depuis le début :

titres

Ann

Continue Reading

HTML #2 | Titres & Paragraphes

Si vous n’avez pas vu la première partie – HTML #1 |  Définition + Editeur de Code, je vous invite à cliquer I C I. Cela sera plus clair dans vos têtes embrouillées.

Règle de base : afin que votre code soit visible et qu’il ne vous bousille pas la rétine, il est bien de l’indenter = décaler vers la droite, au fur et à mesure, les éléments à l’aide d’un alinéa.

Vous comprendrez par exemple que le tag <html> </html> intègre le tag <head> </head>

Pour rédiger du contenu, le tag le plus connu est le tag paragraphe : <p> </p>

Continue Reading

HTML #1 | Définition + Editeur de code

HTML, qu’est-ce que c’est ?

HTML = Hyper Text Markup Language. Je suis sure que cela vous avance. Traduction s’vous plaît ? Langage de balisage d’hypertexte. D’accord, mais encore ?

Il s’agit d’un langage informatique utilisé sur Internet pour créer des pages web.

Afin de construire la structure d’une page web, des balises/tags doivent être utilisés. Dans quel but ? Mettre en forme un texte, ajouter des images, des liens etc…

Continue Reading

Internet vs Web

Avant de rentrer dans le vif du sujet, autrement dit le codage, le développement web, la programmation…ou tout autre nom bizarre, il serait bien de préciser une chose.

Il y a une différence entre Internet et le Web. Le monde s’effondre. Vous ne le saviez pas. Vous les confondiez.

Ils sont souvent utilisés pour évoquer la même chose. Seulement, ils sont bien différents.

web

Sans vous mentir, je ne savais pas qu’il y avait une différence entre les deux. Bouuuuh, shame on me. Comme je vous l’ai dit I C I, je suis novice – Ce qui me situe à peu près au même niveau que vous.

Continue Reading

Collier KORBEN argent 925 plaqué or jaune 24 carats

Etant une grande fan du Cinquième élément, quoi de mieux qu'un collier Korben pour représenter mon film préféré.

Le bijou est tout simple. C'est exactement ce que je recherchais. Je ne suis pas cliente de créateurs/créatrices de bijoux qui cherchent compliqué pour faire compliqué. L'effet mastoc, non merci.

J'aime superposer les bijoux en or/plaqué or afin de créer un ensemble qu'il est possible de changer chaque journée. C'est une façon de personnaliser sa tenue pour ne pas être fondue dans la masse.

Ann

Continue Reading