Compare commits
3
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 epickiwi
|
94c7c5610e
|
||
|
epickiwi
|
3a01303cfe
|
||
|
epickiwi
|
8819cf18ad
|
No files matched your search
@@ -0,0 +1,8 @@
|
||||
/**
|
||||
* Skipped minification because the original files appears to be already minified.
|
||||
* Original file: /npm/webcomponent-qr-code@1.2.0/dist/index.js
|
||||
*
|
||||
* Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
|
||||
*/
|
||||
!function(t){var e={};function r(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}r.m=t,r.c=e,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)r.d(n,o,function(e){return t[e]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=1)}([function(t,e,r){var n,o,i;o=[],void 0===(i="function"==typeof(n=function(){for(var t=[null,[[10,7,17,13],[1,1,1,1],[]],[[16,10,28,22],[1,1,1,1],[4,16]],[[26,15,22,18],[1,1,2,2],[4,20]],[[18,20,16,26],[2,1,4,2],[4,24]],[[24,26,22,18],[2,1,4,4],[4,28]],[[16,18,28,24],[4,2,4,4],[4,32]],[[18,20,26,18],[4,2,5,6],[4,20,36]],[[22,24,26,22],[4,2,6,6],[4,22,40]],[[22,30,24,20],[5,2,8,8],[4,24,44]],[[26,18,28,24],[5,4,8,8],[4,26,48]],[[30,20,24,28],[5,4,11,8],[4,28,52]],[[22,24,28,26],[8,4,11,10],[4,30,56]],[[22,26,22,24],[9,4,16,12],[4,32,60]],[[24,30,24,20],[9,4,16,16],[4,24,44,64]],[[24,22,24,30],[10,6,18,12],[4,24,46,68]],[[28,24,30,24],[10,6,16,17],[4,24,48,72]],[[28,28,28,28],[11,6,19,16],[4,28,52,76]],[[26,30,28,28],[13,6,21,18],[4,28,54,80]],[[26,28,26,26],[14,7,25,21],[4,28,56,84]],[[26,28,28,30],[16,8,25,20],[4,32,60,88]],[[26,28,30,28],[17,8,25,23],[4,26,48,70,92]],[[28,28,24,30],[17,9,34,23],[4,24,48,72,96]],[[28,30,30,30],[18,9,30,25],[4,28,52,76,100]],[[28,30,30,30],[20,10,32,27],[4,26,52,78,104]],[[28,26,30,30],[21,12,35,29],[4,30,56,82,108]],[[28,28,30,28],[23,12,37,34],[4,28,56,84,112]],[[28,30,30,30],[25,12,40,34],[4,32,60,88,116]],[[28,30,30,30],[26,13,42,35],[4,24,48,72,96,120]],[[28,30,30,30],[28,14,45,38],[4,28,52,76,100,124]],[[28,30,30,30],[29,15,48,40],[4,24,50,76,102,128]],[[28,30,30,30],[31,16,51,43],[4,28,54,80,106,132]],[[28,30,30,30],[33,17,54,45],[4,32,58,84,110,136]],[[28,30,30,30],[35,18,57,48],[4,28,56,84,112,140]],[[28,30,30,30],[37,19,60,51],[4,32,60,88,116,144]],[[28,30,30,30],[38,19,63,53],[4,28,52,76,100,124,148]],[[28,30,30,30],[40,20,66,56],[4,22,48,74,100,126,152]],[[28,30,30,30],[43,21,70,59],[4,26,52,78,104,130,156]],[[28,30,30,30],[45,22,74,62],[4,30,56,82,108,134,160]],[[28,30,30,30],[47,24,77,65],[4,24,52,80,108,136,164]],[[28,30,30,30],[49,25,81,68],[4,28,56,84,112,140,168]]],e=/^\d*$/,r=/^[A-Za-z0-9 $%*+\-./:]*$/,n=/^[A-Z0-9 $%*+\-./:]*$/,o=[],i=[-1],a=0,u=1;a<255;++a)o.push(u),i[u]=a,u=2*u^(u>=128?285:0);var f=[[]];for(a=0;a<30;++a){for(var c=f[a],s=[],l=0;l<=a;++l){var h=l<a?o[c[l]]:0,p=o[(a+(c[l-1]||0))%255];s.push(i[h^p])}f.push(s)}var d={};for(a=0;a<45;++a)d["0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:".charAt(a)]=a;var v=[function(t,e){return(t+e)%2==0},function(t,e){return t%2==0},function(t,e){return e%3==0},function(t,e){return(t+e)%3==0},function(t,e){return((t/2|0)+(e/3|0))%2==0},function(t,e){return t*e%2+t*e%3==0},function(t,e){return(t*e%2+t*e%3)%2==0},function(t,e){return((t+e)%2+t*e%3)%2==0}],g=function(t){return t>6},y=function(e,r){var n=-8&function(e){var r=t[e],n=16*e*e+128*e+64;return g(e)&&(n-=36),r[2].length&&(n-=25*r[2].length*r[2].length-10*r[2].length-55),n}(e),o=t[e];return n-=8*o[0][r]*o[1][r]},b=function(t,e){switch(e){case 1:return t<10?10:t<27?12:14;case 2:return t<10?9:t<27?11:13;case 4:return t<10?8:16;case 8:return t<10?8:t<27?10:12}},m=function(t,e,r){var n=y(t,r)-4-b(t,e);switch(e){case 1:return 3*(n/10|0)+(n%10<4?0:n%10<7?1:2);case 2:return 2*(n/11|0)+(n%11<6?0:1);case 4:return n/8|0;case 8:return n/13|0}},w=function(t,e){for(var r=t.slice(0),n=t.length,a=e.length,u=0;u<a;++u)r.push(0);for(u=0;u<n;){var f=i[r[u++]];if(f>=0)for(var c=0;c<a;++c)r[u+c]^=o[(f+e[c])%255]}return r.slice(n)},x=function(t,e,r,n){for(var o=t<<n,i=e-1;i>=0;--i)o>>n+i&1&&(o^=r<<i);return t<<n|o},O=function(t,e,r){for(var n=v[r],o=t.length,i=0;i<o;++i)for(var a=0;a<o;++a)e[i][a]||(t[i][a]^=n(i,a));return t},P=function(t,e,r,n){for(var o=t.length,i=21522^x(r<<3|n,5,1335,10),a=0;a<15;++a){var u=[o-1,o-2,o-3,o-4,o-5,o-6,o-7,o-8,7,5,4,3,2,1,0][a];t[[0,1,2,3,4,5,7,8,o-7,o-6,o-5,o-4,o-3,o-2,o-1][a]][8]=t[8][u]=i>>a&1}return t},j=function(t){for(var e=function(t){for(var e=0,r=0;r<t.length;++r)t[r]>=5&&(e+=t[r]-5+3);for(r=5;r<t.length;r+=2){var n=t[r];t[r-1]==n&&t[r-2]==3*n&&t[r-3]==n&&t[r-4]==n&&(t[r-5]>=4*n||t[r+1]>=4*n)&&(e+=40)}return e},r=t.length,n=0,o=0,i=0;i<r;++i){var a,u=t[i];a=[0];for(var f=0;f<r;){for(c=0;f<r&&u[f];++c)++f;for(a.push(c),c=0;f<r&&!u[f];++c)++f;a.push(c)}for(n+=e(a),a=[0],f=0;f<r;){var c;for(c=0;f<r&&t[f][i];++c)++f;for(a.push(c),c=0;f<r&&!t[f]Line truncated
|
||||
|
||||
+70
-1
@@ -90,7 +90,7 @@ small {
|
||||
margin-right: 1ex;
|
||||
}
|
||||
|
||||
.guide > p:first-of-type:last-of-type::before {
|
||||
.guide > p:first-of-type:last-child::before {
|
||||
content: "➔";
|
||||
}
|
||||
|
||||
@@ -127,4 +127,73 @@ pre {
|
||||
.index ul {
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.ressource qr-code {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media print {
|
||||
header a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.ressource :not(h2) {
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.ressource ul {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
align-items: start;
|
||||
flex-wrap: wrap;
|
||||
width: 100%;
|
||||
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.ressource ul > * {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.ressource li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: start;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
margin-bottom: 25px;
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
.ressource li a {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.ressource qr-code {
|
||||
display: block;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.ressource qr-code::part(img) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ressource a::after {
|
||||
content: attr(href);
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-size: 0.9em;
|
||||
margin-top: 1em;
|
||||
order: 0;
|
||||
word-wrap: break-word;
|
||||
opacity: 0.5;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -15,6 +15,7 @@
|
||||
|
||||
<ul>
|
||||
<li><a href="recettes/01-creer-une-page-simple.html">Créer une page simple</a></li>
|
||||
<li><a href="recettes/02-creer-un-journal.html">Créer un journal</a></li>
|
||||
</ul>
|
||||
|
||||
<hr>
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../assets/style.css">
|
||||
<script src="../assets/qr-code.js"></script>
|
||||
<title>Créer une page simple</title>
|
||||
</head>
|
||||
<body>
|
||||
@@ -84,9 +85,18 @@
|
||||
<section class="ressource">
|
||||
<h2>Pour aller plus loin</h2>
|
||||
<ul>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics" target="_blank">Notions de base en HTML</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics#anatomie_dun_document_html">Anatomie d'un document HTML</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/title"><title> : l'élément de titre du document</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics"></qr-code>
|
||||
Notions de base en HTML
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics#anatomie_dun_document_html" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Learn/Getting_started_with_the_web/HTML_basics#anatomie_dun_document_html"></qr-code>
|
||||
Anatomie d'un document HTML
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/title" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/HTML/Element/title"></qr-code>
|
||||
<title> : l'élément de titre du document
|
||||
</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -1,93 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../assets/style.css">
|
||||
<title>Ajouter une image à une page simple</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="..">Index des recettes</a>
|
||||
</header>
|
||||
|
||||
<main class="recette">
|
||||
|
||||
<h1>Ajouter une image à une page simple</h1>
|
||||
<p>Ce guide donne les instructions pour creer un simple page web avec un titre, un court contenu et une image.</p>
|
||||
|
||||
<figure class="resultat">
|
||||
<img src="../images/hello-world.png" alt="Une fenetre de navigateur." />
|
||||
</figure>
|
||||
|
||||
<section class="ingredients">
|
||||
|
||||
<h2>Ingrédients <small>pour 1 page web</small></h2>
|
||||
|
||||
<ul>
|
||||
<li>Un ordinateur fonctionnel</li>
|
||||
<li>
|
||||
Un editeur de texte
|
||||
<small><a href="https://vscodium.com/">VSCodium</a> par exemple mais le bloc note du systeme fera l'affaire</small>
|
||||
</li>
|
||||
<li>
|
||||
Un navigateur web
|
||||
<small>Par exemple <a href="https://www.mozilla.org/fr/firefox/new/">Firefox</a></small>
|
||||
</li>
|
||||
<li>
|
||||
Une image
|
||||
<small>Le mieux est de prendre une image à vous</small>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<article>
|
||||
<p>
|
||||
Ouvrir l'editeur de texte et y coller le code HTML suivant.
|
||||
</p>
|
||||
|
||||
<pre><code><!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Titre</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>👋 Salut !</h1>
|
||||
<p>Dites bonjour à mon chat</p>
|
||||
<img src="./monchat.jpg" alt="Une photo de mon chat" />
|
||||
</body>
|
||||
</html></code></pre>
|
||||
</article>
|
||||
|
||||
<p>Enregistrer le fichier avec un nom finissant par <code>.html</code> quelque part sur l'ordinateur.</p>
|
||||
|
||||
<p>Ouvrir le fichier ainsi créé</p>
|
||||
|
||||
<p class="note"><strong>Note</strong> : L'actualisation de la page du navigateur est necessaire à chaque modification du code</p>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<h3>Personnalisation du titre de la page</h3>
|
||||
|
||||
<p>Modifier le texte entre la <a href="../glossaire.html#balise">balise</a> <code><title></code> et la balise <code></title></code></p>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<h3>Personnalisation du contenu de la page</h3>
|
||||
|
||||
<p>Modifier le titre principal de la page en modifiant le texte entre les balises <code><h1></code> et <code></h2></code></p>
|
||||
</section>
|
||||
|
||||
<section class="ressource">
|
||||
<h2>Pour aller plus loin</h2>
|
||||
<ul>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,180 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="../assets/style.css">
|
||||
<script src="../assets/qr-code.js"></script>
|
||||
<title>Créer un journal</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<a href="..">Index des recettes</a>
|
||||
</header>
|
||||
|
||||
<main class="recette">
|
||||
|
||||
<h1>Créer un journal</h1>
|
||||
<p>Ce guide donne les instructions pour creer une page web sous forme d'un journal d'activités comme une suite de titres et de paragraphes.</p>
|
||||
|
||||
<section class="ingredients">
|
||||
<h2>Ingrédients <small>pour 1 page</small></h2>
|
||||
<ul>
|
||||
<li>Une <a href="./01-creer-une-page-simple.html">page simple</a> comme base</li>
|
||||
<li>Un texte sous forme de journal</li>
|
||||
<li>Quelques images (optionnelles)</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<p>L'ensemble des operations de ce guide sont éfféctuée dans l'élément <code>body</code> (entre les balises <code><body></code> et <code></body></code>)</p>
|
||||
|
||||
<section class="guide">
|
||||
<h2>Ajouter des sections</h2>
|
||||
<p>Ecrire le titre de la section entre des balises <code><h2></code> et <code></h2></code>.</p>
|
||||
<p>Ecrire un paragraphe à la suite du titre entre des balises <code><p></code> et <code></p></code>.</p>
|
||||
<p>Ajouter autant de section que necessaire pour écrire l'ensemble du texte.</p>
|
||||
<p>Enregistrer le fichier avec un nom finissant par <code>.html</code> quelque part sur l'ordinateur.</p>
|
||||
|
||||
<pre><code><!-- ... -->
|
||||
|
||||
<body>
|
||||
<h1>Journal d'une rescapée</h1>
|
||||
<p>Récis de survie et de découvertes.</p>
|
||||
|
||||
<h2>Jour 1: Où suis-je ?</h2>
|
||||
<p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
|
||||
J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
|
||||
|
||||
<h2>Jour 2: Trouver un toit</h2>
|
||||
<p>J'ai trouvé de quoi manger et boire dans la forêt à coté de la plage.
|
||||
Il y a de grands arbres et de nombreuses plantes; je ne me suis pas encore empoisonnée.
|
||||
Je doit trouver un endroit où dormir, il faut trop froid la nuit.</p>
|
||||
<p>Il y a une grotte dans la falaise sur les hauteurs de la forêt,
|
||||
je vais essayer d'aller voir si il est possible de s'y installer.</p>
|
||||
</body>
|
||||
|
||||
<!-- ... --></code></pre>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<h2>Ajouter des images</h2>
|
||||
<p>Placer les images à coté du fichier <code>.html</code> créé dans l'étape précédente.</p>
|
||||
<article>
|
||||
<p>Ajouter le code suivant à l'endroit où l'image sera insérée.</p>
|
||||
<pre><code><img src="" alt="" /></code></pre>
|
||||
</article>
|
||||
<p>Inscrire le nom du fichier de l'image doit etre écrit entre les guillemets de <code>src=""</code>.</p>
|
||||
<p>Ecrire une courte description de l'image entre les guillemets de <code>alt=""</code>.
|
||||
Cette description remplacera l'image pour les personnes qui ne peuvent pas la voir ou si l'image ne peut pas charger.</p>
|
||||
|
||||
<pre><code><!-- ... -->
|
||||
|
||||
<h2>Jour 1: Où suis-je ?</h2>
|
||||
<p>Je ne sait pas combien de temps j'ai passé, évanouie sur cette plage.
|
||||
J'ai mal à la tête et j'ai faim. Je vais essayer de trouver quelque chose à manger.</p>
|
||||
|
||||
<img src="foret.jpg" alt="Une foret profonde et sombre avec de grands arbres" />
|
||||
|
||||
<!-- ... --></code></pre>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<h2>Centrer le contenu de la page</h2>
|
||||
<p>Dans l'élément <code>head</code> de la page, ajouter un élément <code>style</code> qui contiendra toutes les regles de style de la page.</p>
|
||||
<article>
|
||||
<p>Ajouter le code suivant dans l'élément <code>style</code></p>
|
||||
<pre><code>body {
|
||||
padding: 25px;
|
||||
max-width: 1500px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}</code></pre>
|
||||
</article>
|
||||
|
||||
<p>Ajuster les valeurs de <code>max-width</code> et <code>padding</code> pour arriver aux espacements voulues.</p>
|
||||
|
||||
<pre><code><!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Journal</title>
|
||||
<style>
|
||||
body {
|
||||
padding: 25px;
|
||||
max-width: 1500px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<!-- ... -->
|
||||
</body>
|
||||
</html></code></pre>
|
||||
</section>
|
||||
|
||||
<section class="guide">
|
||||
<h2>Centrer les images</h2>
|
||||
<article>
|
||||
<p>Ajouter le code suivant dans l'élément <code>style</code> définit précédemment.</p>
|
||||
<pre><code>img {
|
||||
max-width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}</code></pre>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="ressource">
|
||||
<h2>Pour aller plus loin</h2>
|
||||
<ul>
|
||||
<!-- Donner quelques ressources pour aller plus loin -->
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Learn/HTML/Multimedia_and_embedding/Images_in_HTML"></qr-code>
|
||||
Les images en HTML
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/Heading_Elements" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/HTML/Element/Heading_Elements"></qr-code>
|
||||
<h1>-<h6> : les éléments de titre de section
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/HTML/Element/img"></qr-code>
|
||||
<img> : l'élément d'image embarquée
|
||||
</a></li>
|
||||
</ul>
|
||||
<ul>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps/Getting_started#mettre_en_forme_des_%C3%A9l%C3%A9ments_html" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Learn/CSS/First_steps/Getting_started#mettre_en_forme_des_%C3%A9l%C3%A9ments_html"></qr-code>
|
||||
Mettre en forme des éléments HTML
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/padding" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/padding"></qr-code>
|
||||
padding
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/width" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/width"></qr-code>
|
||||
width
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/max-width" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/max-width"></qr-code>
|
||||
max-width
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/margin" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/margin"></qr-code>
|
||||
margin
|
||||
</a></li>
|
||||
<li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/box-sizing" target="_blank">
|
||||
<qr-code data="https://developer.mozilla.org/fr/docs/Web/CSS/box-sizing"></qr-code>
|
||||
box-sizing
|
||||
</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user