Utiliser Iframe
Iframe – Régler la hauteur et la largeur Iframe – Retirer la frontière Utilisez iframe comme cible pour un lien Athénée royal Ans Lorsque la cible d’un lien correspond au nom d’un iframe, le lien se ouvre dans l’iframe. … Continued
Utiliser les fonctions map et area
Chercher sur l’image des informations sur notre école : Le code expliqué Comment utiliser les fonctions map et area <a name= »top »></a> <h1 id= »titre »>HTML5 – Map / Area</h1> <p>Chercher sur l’image des informations sur notre école : </p> <img src= »http://lescarnetsd.entara.be/wp-content/uploads/2015/02/siteweb1.jpg » alt= »siteweb1″ … Continued
Créer un formulaire
Saisie de texte Champ de texte Mot de passe Zone de texte Entrez votre texte ici Eléments de sélection Liste déroulante undeuxtroisquatre Cases à cocher dessin musique Cases d’option maternelle primaire secondaire Le code expliqué <form> <fieldset> <legend>Saisie de texte</legend> … Continued
Démonstration Javascript
Qui êtes-vous ? Cliquez ici Quel est votre âge ? Entrez votre âge et validez votre choix ! Validez ! Quel est votre prénom ? Validez ! Quelle est votre école ? Validez ! En quelle année êtes-vous ? 1ère … Continued
Créer des listes
Cours Français Histoire Géographie Nombre d’heures Français : 4 heures Histoire : 2 heures Géographie : 2 heures Locaux Français local 23 local 24 local 25 Histoire / Géographie local 25 local 11 local 16 Choses à faire aujourd’hui Corriger … Continued
Dessiner un rectangle
Désolé, votre navigateur ne supporte pas le HTML5 canvas tag. Le code expliqué <canvas id= »myCanvas » width= »800″ height= »400″ style= »border:1px solid #c3c3c3; »> Désolé, votre navigateur ne supporte pas le HTML5 canvas tag. </canvas> <script> var c = document.getElementById(« myCanvas »); var ctx = c.getContext(« 2d »); … Continued
Créer un tableau
Horaire Lundi Mardi Mercredi Français Histoire Sciences Sciences Histoire Français Le code expliqué <table> <tr> <th>Lundi</th> <th>Mardi</th> <th>Mercredi</th> </tr> <tr> <td>Français</td> <td>Histoire</td> <td>Sciences</td> </tr> <tr> <td>Sciences</td> <td>Histoire<td> <td>Français</td> </tr> </table>
Faire un dégradé
SVG Désolé, votre navigateur ne supporte pas le HTML5 SVG Tag. Le code expliqué <svg height= »130″ width= »500″> <defs> <linearGradient id= »grad1″ x1= »0% » y1= »0% » x2= »100% » y2= »0% »> <stop offset= »0% » style= »stop-color:rgb(255,255,0);stop-opacity:1″ /> <stop offset= »100% » style= »stop-color:rgb(255,0,0);stop-opacity:1″ /> </linearGradient> </defs> <ellipse cx= »100″ cy= »70″ rx= »85″ ry= »55″ fill= »url(#grad1) » … Continued
Faire un polygone
Désolé, votre navigateur ne supporte pas le HTML5 SVG Tag. Le code expliqué <svg width= »300″ height= »200″> <polygon points= »100,10 40,198 190,78 10,78 160,198″ style= »fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd; » /> Désolé, votre navigateur ne supporte pas le HTML5 SVG Tag. </svg>
Faire un rectangle
Désolé, votre navigateur ne supporte pas le HTML5 SVG Tag. Le code expliqué <svg width= »400″ height= »180″> <rect x= »50″ y= »20″ rx= »20″ ry= »20″ width= »150″ height= »150″ style= »fill:red;stroke:black;stroke-width:5;opacity:0.5″ /> Désolé, votre navigateur ne supporte pas le HTML5 SVG Tag. </svg>