Semaine 3

Vous devez étudier tous les jours, PAR VOUS MÊME, une ou deux balises, vous trouverez la liste des balises ici → balises.

Nous verrons donc en TD, comment s'organiser pour étudier par soit même le socle de base de tous informaticiens !

Lien sur le TD

Le cours portera sur la sémantique des balises HTML5 : HTML sémantique

Emmet : A fond la forme !

En cours, j'ai écrit une drôle de ligne de code pour créer mon HTML :

main>section*2>h2+ul>li*2>article>h3+p⭾

> signifie contient

+ signifie avec

* signe nombre

⭾ la touche tab

Nous verrons la signification très précise de ces sigles lorsque nous verrons les sélecteurs en CSS.

En action !

Semaine 2 : 25 Janvier

Le TD ( lien ) porte sur le cours "les éditeurs (lien )"

Le cours de cette semaine sera sur la sémantique du langage HTML ( lien )

Merci d'être à l'heure !

Le lien Collaborate est donné par e-campus.

Editeur Visual studio code

J'aime être un fainéant !

Et, oui, mais pour cela, il me faut des outils à la hauteur de la situation !

Introduction

vidéo

Visual studio

VS tire sa force de IntelliSense, nous verrons cela plus tard.

Pour le moment découvrons quelques "fainéantise"

Emmet

Créer un nouveau fichier avec l'extension .html.

Dans la fenêtre d'édition qui s'ouvre, tapez uniquement : ! (le point d'exclamation)

Votre curseur collé à ! tapez la touche tab ⇆

Le corps d'un fichier HTML apparaît, allez dans la balise <body> puis écrire le code

ul>.item{ liste $}*3

Votre curseur collé à 3 tapez la touche tab ⇆

En action

Multi-Cursor Editing

C'est super pratique. Votre curseur clignote à un endroit, pressez la touche Alt, allez sur un autre endroit en maintenant la touche ALT pressée puis cliquez sur votre souris 🐭 ou touchpad : vous avez deux curseurs !

La documentation officielle :

To edit multiple instances of text within different sections of a document, you can use multi-cursor editing. This allows multiple cursors to be placed in different spots so text can be added, modified, or deleted.
To engage multi-cursor editing, press the Alt key (or Option key on a Mac) and use the mouse to place cursors throughout the document. Every click creates a cursor resulting in multiple cursors.

Année 2020/2021

Organisation du cours ( lien )

HTML

La syntaxe des balises

Les balises HTML respectent une syntaxe suivante :

Un chevron ouvrant ( < )
Le nom de la balise
Des attributs (optionnels). Un espace, suivi du nom de l'attribut, d'un signe égal (=) et d'une valeur entre doubles quottes ("").
Un chevron fermant (>)

Résumé

<nomDeBalise attribut1="valeur" ... attributN="valeur">contenu </nomDeBalise>

Pages