Udemy web dev
dans le tag head
A quel endroit dans notre page HTML on mettra une référence à nos fichiers CSS externes?
A positionner des éléments et les coller d'un côté ou d'un autre. A les rendre "flottant"
A quoi sert la propriété float ?
fruits.push("kiwi"); fruits.pop();
Comment ajouter une valeur dans un tableau ? Comment retirer une valeur dans un tableau ?
margin: 20px auto;
Comment centrer horizontalement un élément (de type block) et lui fixer une marge de 20 pixels en haut et en bas?
Dans le styles.css : .button-1 : hover (<-- utilisation de la pseudo-classe hover) { background-color: blue; }
Comment changer la couleur d'un bouton lors du passage de la souris, par exemple sur une classe button-1 ?
<a href="#section6">Lien vers la section 6</a> <section id="section1"> <h1>Section 1</h1> <p>Ceci est un long paragraphe</p> <br><br><br><br><br><br><br><br> </section> <section id="section2"> <h1>Section 2</h1> <p>Ceci est un long paragraphe</p> <br><br><br><br><br><br><br><br> </section>
Comment créer plusieurs section dans une page ?
function Dog(name, color, age) { this.m_name = name; this.m_color = color; this.m_age = age; this.aboie = fuction() { console.log(this.name + "waf"); } } instanciation: var monToutou = new Dog("boby", "rouge", 32); console.log(monToutou);
Comment créer une classe constructeur en JS ?
avec le mot clé id et #monID { dans le css <p id: monID> flsjfdslk </p>
Comment définir un style à un seul sélecteur ?
padding: 10px, 25px, 30px, 15px;
Comment déterminer un padding de 30 pixels en bas, 10 pixels en haut, 15 pixels à gauche et 25 pixels à droite ?
input[type="text"] { }
Comment en CSS faire un sélecteur spécifique d'un attribut ? ex avec le selector input et l'attribut type = text
avec p { font-size : 2em; /*met le texte à 200%*/ }
Comment exprimer une taille de font de manière relative ?
Avec la balise "More" présente dans l'éditeur de texte
Comment faire apparaitre le bouton lire la suite sur un article ?
En allant chercher sur Youtube, dans share -> le lien embed et en le collant dans la partie "Texte" (cad le texte html+css) sur la partie éditeur de wordpress
Comment insérer un lien externe sur un article wordpress ? par exemple une vidéo youtube ?
En enregistrant une autre page à coté, ex : styles.css Et dans son code html : <link rel = "stylesheet" href="styles.css">
Comment lier une page css à son code html ?
avec le tag <strong> mon texte en gras </strong> ou alors en mix html-css avec span: <span style="font-weight:bold"> mon texte en gras </span> et la suite pas en gras
Comment mettre un mot en gras ?
h1, h2, h3, h4 { color : black; }
Comment mettre une propriété identique à plusieurs sélecteurs en même temps ? color : black à h1, h2, h3 et h4 par exemple ?
float: left; width : 29.33% padding: 1%; margin : 1%;
Comment occuper la totalité d'une page en largeur avec 3 éléments pour atteindre 100% en spécifiant width, padding et margin ?
VRAI
On utilise ID lorsque le style que l'on veut appliquer est unique et CLASS si on veut l'appliquer à plusieurs élements. VRAI / FAUX ?
ce sont des sélecteurs qui donnent accès à certaines propriétés d'un sélecteur. Exemple sur un lien <a> <a href="http://www.facebook.com"> Facebook </a> Dans le fichier css: a:link { color: orange; } a:visited { color : pink; } a:hover { color: aquamarine; }
Qu'est-ce qu'un pseudo-sélecteur ?
Elles se marchent dessus et seule la plus grande est considérée
Que se passe-t-il quand une bottom margin et une upper margin se rencontrent ?
style
Quel est l'attribut utilisé pour ajouter du code CSS directement sur nos tags HTML?
<!-- Ceci est un commentaire -->
Quel tag pour un commentaire ?
<meta> charset='utf-8';
Quelle balise html pour gérer les accents et caractères spéciaux?
<img src="aliencool.png">
Quelle balise pour mettre une image ?
p : block a : inline
Quelle est la propriété de position (block ou inline) : - du tag p ? - du tag a ?
static
Quelle est la valeur par défaut de la propriété position?
* { border: 2px solid black; }
Quelle notation pour appliquer un style à tous les sélecteurs ?
color :
Quelle propriété on utilise pour changer la couleur du texte d'un élément?
var chien = { name: "Choupette"; color: "white"; age: 4; aboie = function() { console.log("waf')}; } ou alors: var chien = new Object(); chien.name = "Choupette"; chien.color = "white"; chien.age = 4; chien.aboie = function() { console.log("waf")};
Quelle syntaxe pour définir un objet en JS ?
html : écriture du contenu et structure de la page css : décoration de la page
à quoi sert le html et à quoi sert le css ?
function maFonction(param1, param2) { le corps de ma fonction; } particularités = pas besoin de spécifier le type de la fonction qui peut être finalement un void (ne retourne rien) ni le type des paramètres
Quelle syntaxe pour une fonction en JS ?
inline-block
Quelle valeur de la propriété display doit-on donner à nos éléments pour qu'ils s'affichent sur la même ligne?
margin border padding content
Quelles sont les 4 composantes du box model ?
Les listes ordonnées : <ol> </ol> les listes désordonnées : <ul> </ul> puis on écrit le contenu avec <li> Je me leve </li>
Quels sont deux types de listes ? et leur tag
.special h1
Quels sont le/les sélecteur(s) CSS correct(s) pour désigner les tags h1 contenus dans des sections portant la classe "special" ?
1. classique : pas de préfixe à mettre en css, ex: p { font-size: 18px;} 2. sélecteur imbriqué avec les divisions (div), ex: div div p { property: value;} 3. sélecteur sélection totale, ex : * { color: yellow;} 4. Pseudo-sélecteurs, ex: a:hover{ color: green;} 5. par classe : en se servant du ".", ex : .maClasse { font-size: 18px;} 6. par id, : en se servant du "#", ex : #monID { font-size: 18px;}
Sélecteur : quelle syntaxe css pour le sélecteur ... 1. classique ? 2. sélecteur imbriqué ? 3. sélecteur pour tout sélectionner ? 4. sélecteur de pseudo-classe ? 5. par classe ? 6. par id ?
1. classique : rien de particulier, <a href:"http://monsite.com> Lien vers mon site </a>, <p>Ceci est mon paragraphe</p>, ... 2. sélecteur imbriqué ? <div> <div> <p>Mon paragraphe</p> </div> </div> 3. sélecteur pour tout sélectionner : nada 4. sélecteur de pseudo-classe : nada 5. par classe : <div class:"maClasseStylee"> <p>Ici est mon paragraphe</p> </div> 6. par id : <div id:"monIDStyle"> <p>Ici est mon paragraphe</p> </div>
Sélecteur : quelle syntaxe html pour le sélecteur ... 1. classique ? 2. sélecteur imbriqué ? 3. sélecteur pour tout sélectionner ? 4. sélecteur de pseudo-classe ? 5. par classe ? 6. par id ?
Sur l'html : <div> <div> <p> petit paragraphe imbriqué</p> </div> </div> Sur le css: div div p { font-size: 15px; color :aqua; }
comment définir du css pour des paragraphes imbriqués ?
Avec le l'attribut style= <p style="font-size:30px; color:blue"> Mon texte trop styléééé </p>
comment introduire du css dans un paragraphe ?
Avec le mot clé class = <p class = "monStyle"> Ceci est mon paragraphe stylé </p> <h1 class = "monStyle"> Ceci est mon heading stylé </p> et dans le css: .monStyle { color : orange; font-size : 30px; }
comment peut-on définir un style particulier pour des sélecteurs qui seraient par nature différents ?
var x = 5; var myBoolean = (x==="5"); console.log(myBoolean); <-- va afficher false parce que comparaison entre un int et un string. Si on avait myBoolean = (x=="5"); on aurait eu true
en JS, comment comparer strictement 2 variables en prenant en compte le type des variables ?
c'est l'équivalent d'un \n en c++
que fait le tag <br> ?
<a href="http://www.monsite.com" target="_blank"> le texte qui reçoit le lien hypertexte </a>
quelle balise pour un lien ? en spécifiant l'adresse, et en ouvrant dans un nouvel onglet ?
var fruits = ["pommes", "bananes", "mangue"]; console.log(fruits[0]); < affiche "pommes" Pour afficher l'intégralité du tableau: for(var i = 0; i < fruits.length; i++) { console.log(fruits[i]); } ou tout simplement console.log(fruits);
quelle syntaxe pour un tableau en JS ? et comment afficher l'intégralité d'un tableau ?
<html> <head> <body> <p> <h1> <h2> ...
quels sont les principaux tags d'une page html ?