Apprendre à coder : l'apprentissage d'HTML et CSS

Thèmes abordés

Informatique - Électronique, Apprendre à coder, apprentissage d'HTML et CSS, balises internet, référencement web, sélecteurs Id et Class, concept d'héritage en CSS, élément HTML Block et Inline, DIV et SPAN

Résumé du document

Pourquoi apprendre le HTML ou le CSS alors qu'il existe d'autres façons de créer un site web sans coder comme Framework, Prestashop ou encore WordPress ? Ces sites économisent des heures de travail puisque le site est déjà prêt à l'emploi, mais le jour où l'on veut intégrer d'autres fonctionnalités on sera bloqué car il faut connaitre le HTML et CSS pour apporter es modifications. L'éditeur WYSIWYG est un éditeur qui code à notre place, c'est vrai que c'est puissant mais on y trouve encore des erreurs ne serait-ce que dans l'organisation du code. L'apprentissage de l'HTML et le CSS est un bon début pour apprendre à coder.

Le HTML est l'abréviation de "HyperText Markup Language", c'est un langage de balisage, il permet d'insérer et de structurer du contenu (images, vidéos, texte…) et de lui donner un sens. Le CSS est l'abréviation du "Cascading StyleSheets", il a pour rôle de mettre en forme du contenu en appliquant des styles (taille, couleurs...). Par ailleurs, il ne faut surtout pas mettre en forme le contenu avec le HTML et lui faire faire le travail du CSS car cette pratique impacte négativement le référencement du site web.

Extraits

[...] L'apprentissage de l'HTML et le CSS est un bon début pour apprendre à codé. Chapitre II : Définition du HTML et du CSS : Le HTML est l'abréviation de « HyperText Markup Language » est un langage de balisage, il permet d'insérer et de structuré du contenu (image, vidéos, texte ) et de lui donner un sens Le CSS est l'abréviation du Cascading StyleSheets il a pour rôle de mettre en forme du contenu en appliquant des Style (taille, couleurs . [...]

[...] Chapitre 2 : Ou Ecrire le CSS ? : On peut écrire le CSS a 3 endroit diffèrent. Tout d'abord on va pouvoir écrire le CSS dans un élément HTML qui va etre écrit dans , ex : body {Background-color : Orange La 2ème Méthode pour écrire le CSS est de renseigner les styles dans la balise ouvrante des éléments HTML. Ex : Test . Ses deux méthodes ne sont généralement pas conseiller pour des raisons de performances et de maintenabilité du code, car il va falloir écrire du code CSS pour chaque page HTML. [...]

[...] Avec class on peut faire la même valeur Class a plusieurs autre élément comme je l'ai montré si dessus. Chapitre 6 : Le concept d'héritage en CSS : L'héritage est une notion fondamentale et essentiels en CSS, il signifie que tout élément html en fond va hériter en cascade de ses parents par exemple tous les éléments a l'intérieur de body vont hériter de son style. Il faut savoir que si plusieurs styles sont appliqués à un élément (plusieurs couleurs par exemple) il y a conflit le style qui va donc etre pris en compte et le style le plus proche et le plus précis de l'élément. [...]

[...] /» nom du fichier html ex : si on a d'autre dossier parent on ajoute encore « . / » ex : Il reste encore un autre point important qui n'est t'autre que l'attribut Target qui sert aux visiteurs d'ouvrir la page en question dans un nouvelle onglet ex : target=''_blank''. Chapitre 12 : D'autres type de liens HTML: La création d'une Ancre en HTML : cela va permettre aux visiteurs de se rediriger dans un endroit précis de la page en cliquant sur l'ancre cela va etre très utile dans le cas où la page est très long. [...]

[...] L'indentation signifie de crée des retrait en début de ligne de façon cohérente et logique. Indenté va nous permettre de pouvoir lire facilement le code et détecté les erreurs facilement. Le commentaire se sont des lignes de texte qu'on écrit a l'intérieur du code et qui sera invisible pour les visiteurs, il va etre utile dans 2 situation, la première c'est dans le cas d'un grand projet ou il nous permettra de se situé et savoir pourquoi nous avons écrit tel ou tel code, dans le deuxième cas : c'est quand on travail en groupe le commentaire permettrai de facilité la compréhension de ses collaborateurs. [...]