Soumettre la recherche
Mettre en ligne
Html5, css3, js, jQuery
•
3 j'aime
•
831 vues
J
JDerrien
Suivre
Html5, css3, js, jQuery
Lire moins
Lire la suite
Internet
Signaler
Partager
Signaler
Partager
1 sur 56
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
Html css-xhtml
Html css-xhtml
Yahia Menassel
exposé en HTML
exposé en HTML
Yaya Im
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
Eroan Boyer
script site e-commerce -php
script site e-commerce -php
Yassine Badri
Cours HTML/CSS
Cours HTML/CSS
Axel Chalon
HTML
HTML
Neovov
HTML 5 - intro - en francais
HTML 5 - intro - en francais
Vlad Posea
Recommandé
Html css-xhtml
Html css-xhtml
Yahia Menassel
exposé en HTML
exposé en HTML
Yaya Im
Cours d'introduction aux HTML5 & CSS3
Cours d'introduction aux HTML5 & CSS3
Abel LIFAEFI MBULA
HTML5 et le SEO : quelles opportunités ?
HTML5 et le SEO : quelles opportunités ?
Eroan Boyer
script site e-commerce -php
script site e-commerce -php
Yassine Badri
Cours HTML/CSS
Cours HTML/CSS
Axel Chalon
HTML
HTML
Neovov
HTML 5 - intro - en francais
HTML 5 - intro - en francais
Vlad Posea
Présentation complète de l'HTML5
Présentation complète de l'HTML5
jverrecchia
Smarty
Smarty
afup Paris
CSS interface
CSS interface
AromaMug
Reseau et multimedia2009
Reseau et multimedia2009
jihen damerji
Les balises HTML
Les balises HTML
Neovov
Découverte HTML5/CSS3
Découverte HTML5/CSS3
François-Guillaume Ribreau
OpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
Rémi Prévost
CSS 3
CSS 3
Thomas Bodin
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
Jean Michel
Cours css niveau debutant
Cours css niveau debutant
TheBest Icanbe
Memento HTML CSS
Memento HTML CSS
Patrick Vincent
Css présentation Pour des sites web dynamique
Css présentation Pour des sites web dynamique
DanielMohamed4
Cours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptx
Mounir Gouiouez
HTML5 & CSS3
HTML5 & CSS3
JDerrien
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Sébastien Lejeune
Contenu connexe
Similaire à Html5, css3, js, jQuery
Présentation complète de l'HTML5
Présentation complète de l'HTML5
jverrecchia
Smarty
Smarty
afup Paris
CSS interface
CSS interface
AromaMug
Reseau et multimedia2009
Reseau et multimedia2009
jihen damerji
Les balises HTML
Les balises HTML
Neovov
Découverte HTML5/CSS3
Découverte HTML5/CSS3
François-Guillaume Ribreau
OpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
Rémi Prévost
CSS 3
CSS 3
Thomas Bodin
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
Jean Michel
Cours css niveau debutant
Cours css niveau debutant
TheBest Icanbe
Memento HTML CSS
Memento HTML CSS
Patrick Vincent
Css présentation Pour des sites web dynamique
Css présentation Pour des sites web dynamique
DanielMohamed4
Cours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptx
Mounir Gouiouez
HTML5 & CSS3
HTML5 & CSS3
JDerrien
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Sébastien Lejeune
Similaire à Html5, css3, js, jQuery
(15)
Présentation complète de l'HTML5
Présentation complète de l'HTML5
Smarty
Smarty
CSS interface
CSS interface
Reseau et multimedia2009
Reseau et multimedia2009
Les balises HTML
Les balises HTML
Découverte HTML5/CSS3
Découverte HTML5/CSS3
OpenCode beta : Haml & Sass
OpenCode beta : Haml & Sass
CSS 3
CSS 3
Intégration #2 : HTML 101 : Back to Basics
Intégration #2 : HTML 101 : Back to Basics
Cours css niveau debutant
Cours css niveau debutant
Memento HTML CSS
Memento HTML CSS
Css présentation Pour des sites web dynamique
Css présentation Pour des sites web dynamique
Cours de développement web de HTML5 .pptx
Cours de développement web de HTML5 .pptx
HTML5 & CSS3
HTML5 & CSS3
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Intégrer correctement un e-mail, c'est possible ! Démonstration en 1h30
Html5, css3, js, jQuery
1.
2.
Contenu
3.
4.
<element attribut=“valeur”>Contenu</element> <element attribut=“valeur”
/>
5.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
6.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
7.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
8.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
9.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
10.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> </head> <body> <h1>Hello World</h1> <p>Ma première page web.</p> </body> </html>
11.
<link /> <meta /> <script> <style> <header> <nav> <footer> <section> <article> <aside> <div> <span>
12.
<h1>...<h6> <p> <blockquote> <q> <sup> <sub> <strong> <a> <br /> <pre> <ul> <ol> <li>
13.
<table> <caption> <tr> <th> <td> <thead> <tbody> <tfoot> <form> <input /> <textarea> <select> <option>
14.
<img /> <video> <audio> <source> <!-- …
-->
15.
http://41mag.fr/liste-des-balises-html5
16.
…
17.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"
/> <title>Bonjour...</title> <link rel="stylesheet" href="url" type="text/css"> <style type="text/css"> ... </style> </head> ... </html>
18.
Générale sélecteur { propriété:
valeur; } Multiples sélecteurs sélecteur, sélecteurN { propriété: valeur; } Propriétés “combinées” sélecteur { propriété: valeur valeurN; }
19.
* élément #id élément.maclasse .maclasse élément1 élément2 élément1 >
élément2 élément1 + élément2 élément1 ~ élément2
20.
[attribut] [attribut=mavaleur] [attribut*=mavaleur] [attribut^=mavaleur] [attribut$=mavaleur] élément[attribut]
21.
élément:first-child élément:last-child élément:nth-child(n) élément:nth-last-child(n) élément:first-of-type élément:last-of-type élément:only-child élément:only-of-type élément:not(sélecteur)
22.
élément:active, élément:focus, élément:hover élément:link élément:visited élément:checked
23.
élément:before élément:after élément::first-line élément::first-letter
24.
élément { -webkit-propriété: valeur;
// Chrome, Safari, Android... -moz-propriété: valeur; // Mozilla -ms-propriété: valeur; // Microsoft (Internet Explorer) -o-propriété: valeur; // Opéra propriété: valeur; // Toujours finir par la déclaration }
25.
font-size font-family font-style font-weight text-decoration text-align @font-face
26.
display float position: relative position: absolute position:
fixed width, height margin, padding
27.
white, black, green… #FFFFFF,
#000000, #008000 rgb(255,255,255), rgb(0,0,0)... rgba(0,0,0,1), rgba(0,0,0,0.5)... color border-color background-color
28.
background-color background-image background-repeat background-position background-size background-image: gradient(...) …
29.
transition-property transition-duration transition-timing-function transition-delay
30.
transform: fonction(valeur); transform-origin: x
y;
31.
@keyframe monAnim @-webkit-keyframes monAnim @keyframes
monAnim { from {propriété: valeur1; propriétéN: valeur1;} to {propriété: valeur2; propriétéN: valeur2;} } @keyframes monAnim { 0% {propriété: valeur1; propriétéN: valeur1;} 25% {propriété: valeur2; propriétéN: valeur2;} 50% {propriété: valeur3; propriétéN: valeur3;} 100% {propriété: valeur4; propriétéN: valeur4;} }
32.
animation animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-direction animation-fill-mode animation-play-state …
33.
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
34.
@media condition opérateur
conditionN {...} @media only screen and (min-width: 300px) {...} …
35.
36.
37.
<!DOCTYPE html> <html> <head> ... </head> <body> ... <script type="text/javascript"
>...</script> <script type="text/javascript" src=”url”></script> </body> </html>
38.
<!DOCTYPE html> <html> <head> ... </head> <body> ... <script type="text/javascript"
>...</script> <script type="text/javascript" src=”url”></script> </body> </html>
39.
instruction1; instruction2; var myVar; myVar =
5; var myVar = 5; int, string, boolean, array...
40.
+, -, *... =,
+=, -=... ++, -- ==, <, >... &&, ||, !
41.
if (condition) { instruction1; } else { instruction2; }
42.
while (condition) { instruction1; } do
{ instruction1; } while (condition);
43.
for (initialisation, condition, incrémentation)
{ instruction1; } ex: for (i = 0; i<5; i++) { a += i; }
44.
function myFct (arguments)
{ instruction1; return x; } myFunction(valeurs_arguments);
45.
Ex: document.getElementById(“id”)...
46.
47.
<button id=”id” onclick=”maFonction”> document.getElementbyId(“id”).onclick (this.addClass(“class”));
48.
49.
<!DOCTYPE html> <html> <head> ... </head> <body> ... <script type="text/javascript"src=”url_fichier_jquery”></script> </body> </html>
50.
$(“sélecteur”) $(“sélecteur”).fonction(); ex: $(“#id”).addClass(“ab”); $("p").on("click", function() { alert($(this).text()); });
51.
document.getElementById(“content”).classList.add('wrap'); $(“#content”).addClass(“wrap”);
52.
$( "sélecteur" ).animate(propriétés, durée,
function() { // What to do after animation complete }); $( "#book" ).animate({ opacity: 0.25, left: "+=50", height: "toggle" }, 5000, function() { alert(“Done”); });
Télécharger maintenant