Udemy web dev

अब Quizwiz के साथ अपने होमवर्क और परीक्षाओं को एस करें!

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 ?


संबंधित स्टडी सेट्स

Матем грамотность 3 вариант

View Set

how to write a good hook in an essay?

View Set

Types of Life Insurance Policies

View Set

Healthy communities midterm review

View Set

Chapter 1: The political culture, people, and economy of Texas

View Set

Part 2; Unit 2; Chapter 4: The Self and Interaction

View Set