Pages

Fichier pour tester les selecteurs

Fichier Test


Entraînez vous ( ici )

Test : selector

JS Bin on jsbin.com

Quizz !

A. La balise <img> est une balise

  1. block-img
  2. in-line
  3. show
  4. visible-block

B. Les balises <p> <h1> <a> sont

  1. des balises in-line
  2. des balises blocs
  3. une balise est de type iblocs
  4. deux balises sont de type blocs

C. Une balise p peut contenir une balise

  1.  des balises in-line
  2.  des balises bloc
  3.  la balise <p>
  4.  autre

D. une expression est elle invalide?

  1.  <div><ul><ul><li></li></ul></ul></div>
  2.  <ul><li><ul></ul></li></ul><div></div>
  3.  <div><ul><li><ul></ul></li></ul></div>

E. Quelle est la syntaxe correcte pour insérer un lien hypertexte ?

  1. <a name="http://www.w3schools.com">W3Schools.com</a>
  2. <a url="http://www.w3schools.com">W3Schools.com</a>
  3. <a href="http://www.w3schools.com">W3Schools</a>
  4. <a>http://www.w3schools.com</a>

F. Entre quelles autres balises les balises <link> se trouvent-elles ?

  1. <body> </body>
  2. <head> </head>
  3. <title> </title>
  4. <script> </script>

G. Quelle balise permet d’aller à la ligne ?

  1. <b>
  2. <b />
  3. <br>
  4. <br />

H. Comment insérer une image ?

  1. <img src = "image.png">
  2. <img href = "image.png">
  3. <a img = "image.png">
  4. <div img = "image.png">

Concerver votre travail

Créer un fichier HTML sur votre bureau et editer le avec Chrome !

Chrome

Top site

http://discover-devtools.codeschool.com/


On va hacker la page de Google !


http://filmetonjob.blogspot.fr/

FaceBook.
https://www.youtube.com/watch?v=ZJu4SeFEGGE

code

  1. var newLogo=document.createElement('img');
  2. var oldLogo = document.getElementById("hplogo");
  4. oldLogo.parentNode.replaceChild(newLogo,oldLogo);


Les attentes du prof !

Nous avons vu dans notre premier cours l'inspecteur. Le seul outil de développement que vous devez maîtriser. Mais quel outil !

Nous avons découvert une propriété intéressante "overflow". Elle est très utile dans bien des effets.

overflow en action

Mes attentes : 

Dans quelque temps, suite à ce genre de cours, vous devrez travailler par vous même.
C'est à dire rechercher des informations sur la propriété CSS overflow.

Mon rôle : 

Mon but est de vous permettre d'être autonome dans votre recherche.

Je ne peux pas travailler pour vous et faire la 1/2 heure de travail personnel quotidien.

En cours ou en TD, je vous montrerai que l'inspecteur permet de simuler la position de votre souris sur un élément. Cette information facilitera votre recherche.

Simuler la présence de la souris sur un élément




Plan TD : 2018

Inscription à : Articles (Atom)