dupontL1

HTML

Pour tous savoir sur HTML

Cours

Les balises

liens

Multi-Cursor Editing

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.

Installation d'une extension

Documentation

Plus d'infos »

Structurer l'information !

HTML et la structuration

Voici un fichier non structuré

Copiez ce fichier et sauvegardez a l'aide de l’éditeur Visual Studio Code le sous index.html. Ajouter l’extension liveServeur.

Afficher le résultat !

Modifier votre code de la façon suivante :

    <h1>Quick ... </h1>

    <p>This recipe makes ...</p>

    <p>hummus is a delicious ....</p>

    <h2>Ingredients</h2>

Observer le résultat

Modifier votre code de la façon suivante :

<ul>

        <li>1 can (400g) of chick peas (garbanzo beans)</li>

...

        <li>A dash of olive oil</li>

</ul>

Observer le résultat !

Etude des balises de base

fichier

Plus d'infos »

TD Chrome et son inspecteur

Lire l'article Inspecter le CSS avec Chrome.

DM

Créer un blog sous blogger

Ajouter un article

intégrer la vidéo de https://www.cinematheque.fr/video/1469.html
intégrer la vidéo avec démarrage automatique
intégrer la vidéo avec démarrage à la 13'30

Ajouter une page

étude de iframe
Intégrer la carte disponible dans un article

Chrome

code de la présentation en ligne
Infos Google

Révision

A relire !

http://dupontl1.blogspot.com/2019/02/td-grid.html
http://dupontl1.blogspot.com/search?q=DS

Test

<body>

<div class="top">div : class top <h1>h1</h1> <div id="tmpPlants" class="tmpExample"> <div class="A B tmpExample" id="item.A">div : class =A et B id=item.A</div> <div class="A tmpExample" id="b">div : class =A id=b</div> <div class="B tmpExample" id="c">div : class =B id=c</div> </div> <footer> footer </footer> </div>

</body>

Encadrer les éléments sélectionnés par les expressions :

document.body.querySelector(".top :first-Child")
document.body.querySelectorAll(".top :first-Child")[1]
document.body.querySelector(".top").firstChild
document.body.querySelector(".top").firstElementChild.previousSibling
document.body.querySelector(".top").lastChild.previousElementSibling

div, h1
.A.B
.top :first-child
.top :nth-child(1)
.top :nth-of-type(1)

Ecrire deux expressions permettant de mettre le <footer> premier enfant de body !

Correction de l'examen : ⇗

Pages