Catégorie : HTML/CSS

Devenir un lion dans la jungle du numérique

Maquette Landing Page Easy

TP HTML / CSS Easy Land est un développeur Junior et il a comme beaucoup d’autre réalisé son site portfolio à l’aide de Bootstrap. Il a pensé que cela n’allait pas se voir en minifiant tous ces fichiers…😅. Un recruteur a noté la supercherie et l’a mis au défi ! Il doit reproduire cette maquette…
Read more

Les inputs en HTML

Les Inputs en HTML Ci-dessous vous retrouverez tous les types d’input html. Famille Input text Input texte Input textarea Input email Input number Input password Input tel Input url Input search Famille input select Input checkbox Input button Input radio Input color Input file Input hidden Input image Famille input button Input submit Famille Input…
Read more

Maquette Kaboul Kitchen Bootstrap

Maquette Bootstrap

Maquette Bootstrap Vous venez d’apprendre les bases avec Bootstrap 4 ! Il est temps de passer à la pratique ! Conseils: _N’oubliez pas que Bootstrap 4 est  un framework en “mobile first”. _Oui toutes les pages sont à reproduire _Oui en responsive aussi, c’est ce qui fait la force de bootstrap ! Reproduisez cette maquette:…
Read more

visage CSS et HTML

Un Visage en HTML et CSS

Un Visage en HTML et CSS   Création d’un visage en HTML 5 et CSS 3 à l’aide de Sublime Text. Seuls les yeux sont des icones, le reste est réalisé en CSS 3. Des animations ont été rajoutée à l’aide de jQuery. Commencer par visualiser les blocks principaux et les conteneurs et leur enfants.…
Read more

Histoire du CSS

Histoire du CSS Source: https://fr.wikipedia.org/wiki/Feuilles_de_style_en_cascade Un concept parmi d’autres, présent dès l’origine du web Le concept de feuille de style est présent dès l’origine du World Wide Web : le premier navigateur web WorldWideWeb permet de mettre en forme les documents à l’aide de ce qui serait aujourd’hui considéré comme une « feuille de style…
Read more

Histoire du HTML

Histoire du HTML   (definition selon Wikipédia) L’HyperText Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte, d’où son nom. HTML permet également de structurer sémantiquement et logiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et…
Read more

Les Balises HTML

Les balises HTML Elle se compose d’un nom entre crochet “<” , d’un nom et d’une d’ “>“. Une balise dite “ouvrante” et une balise dite “fermante” encadre le contenu de la balise. <div> est la balise ouvrante      Ce qu’il y a de noté au milieu s’affichera sur la page HTML </div> est…
Read more

Bootstrap

Bootstrap Qu’est ce que Bootstrap? Bootstrap est un framework HTML, CSS et Javascript. Il est actuellement en version 4.4. Il est mobile first depuis sa version 4: Il prendra par défaut la taille mobile et on ajoutera du code pour spécifier les caractéristiques des pages en version tablette, écran desktop. C’est le plus utilisé actuellement…
Read more

Centrer un élément HTML avec position

Centrer un élément HTML avec position   Afin de centrer un élément HTML avec du CSS et la propriété position: mettre son élément à centrer en position Absolute mettre la div parente de référence pour le centrage en position Relative Appliquer le css top: 50% à l’élément à centrer Appliquer le css left: 50% à…
Read more

Ajouter une image en HTML et CSS

Ajouter une image en HTML et CSS Pour insérer une image sur une page HTML, il faut utiliser la balise HTML <img> <img src=”./chemin/vers/le/dossier/nomDeImage.jpg” Elle s’affichera alors sur votre page HTML. Pour le chemin dans le paramètre src de la balise img, souvenez vous que le point de départ est votre fichier HTML => (…
Read more

En continuant à utiliser le site, vous acceptez l’utilisation des cookies. Plus d’informations

Les paramètres des cookies sur ce site sont définis sur « accepter les cookies » pour vous offrir la meilleure expérience de navigation possible. Si vous continuez à utiliser ce site sans changer vos paramètres de cookies ou si vous cliquez sur "Accepter" ci-dessous, vous consentez à cela.Plus d'informations ici

Fermer