Nous avons réussi à afficher le template ''index.html'' ainsi que les feuilles de style. Mais nous pour... faire mieux ! Le template n'est pas qu'un fichier HTML classique car vous avez accès à de nombreux objet... ap/bootstrap.min.css''.
Intégrez-la dans ''index.html'' ! Mais si vous vous contentez d'insérer la méth... dans le template, elle sera interprétée comme du HTML pur.
Afin d'indiquer au moteur de template (Jinj
{{tag>dev web html css}}
====== Créez des formulaires ======
Notes et transcriptions du cours [[https... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... éer un formulaire, vous aurez besoin de la balise HTML ''<form></form>'', elle permet d'indiquer le débu
{{tag>dev web html css}}
====== Intégrez le CSS dans la page HTML ======
Notes et transcriptions du cours [[https://open... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.
{{tag>dev web html css}}
====== Ajoutez des tableaux ======
Notes et transcriptions du cours [[https:/... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.com|Openclassrooms]].
===== Créez un tableau en HTML et CSS =====
La balise en paire ''<table></table
{{tag>cours dev développement web css sass html}}
====== Définissez des priorités ======
Notes et tr... s respectent un ordre bien précis : en premier le HTML, qui va déterminer les fondations de votre page web, puis le CSS pour le style.
Si pour le HTML la tâche reste simple, pour le CSS en revanche c’... = 1 - Le style inline, défini directement dans le HTML ====
Lorsque vous écrivez du CSS dans du HTML, c
Vous avez corrigé une erreur sur le fichier index.html et commité cette mise à jour puis fait un git pus... ." to mark resolution)
both modified: index.html
no changes added to commit (use "git add" and/or... sur la branche feature concerne le fichier index.html. Il n’a pas encore été résolu.
++++ Réponse|
Choix 3. Le texte “both modified: index.html” signifie que le fichier index.html a été modifié
{{tag>dev web html css}}
====== Créez des apparences dynamiques ======
Notes et transcriptions du cou... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... sse mon-element .
On a la structure suivante en HTML :
<code html>
<body>
<div class="mon-element">
{{tag>cours dev développement web css sass html}}
====== Clarifiez votre HTML avec BEM ======
Notes et transcriptions du cours [[https://openclassr... ation ? Ou même d’une page qui a été supprimée en HTML et dont on aurait oublié de supprimer le CSS ?
T... nce ou le pouvoir. C’est la même chose pour notre HTML.
Comme pour les pokémons, l’idéal serait qu’en u
{{tag>dev web html css}}
====== Allez plus loin ======
Notes et transcriptions du cours [[https://ope... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.... re, maintenant que vous avez des connaissances en HTML et CSS.
À quoi JavaScript peut-il bien servir ?
c’est le logiciel qui répond et renvoie les pages HTML à votre navigateur quand vous consultez un site I... ppe aujourd’hui de [[https://www.apache.org/index.html#projects-list|très nombreux autres projets]].
</n... tpd.apache.org/docs/current/fr/mod/mod_log_config.html#formats|liste dans la documentation Apache]].
Ce... n webmaster@example.com
DocumentRoot /var/www/html/www.example.com
CustomLog ${APACHE_LOG_DIR}/
{{tag>cours dev développement web css sass html}}
====== Simplifiez votre code ======
Notes et trans... se aux pokémons, euh... aux répétitions !
<code html>
<body>
<h2>Différents exemples de boutons</h2>... n</button>
</div>
</body>
</code>
Avec ce code HTML, on comprend que cette page contient quatre bouto... c’est très bien… mais il faut aussi adapter notre HTML ! Et pour ce faire, nous allons combiner nos séle
{{tag>cours dev développement web css sass html}}
====== Quiz : Structurer son code ======
Notes et ... niser votre CSS par ordre d’apparition dans votre HTML et favoriser la compréhension.
++++ Réponse|
Cho... === Question 4 =====
En vous basant sur le code HTML et CSS ci-dessous :
<code html>
<div id="header" class="header">
Header Content!
</div>
</code>
plus utile d'afficher le contenu de la page index.html?
Nous y venons. Avant de faire cela, nous devons... ns le dossier ''**static**'' ;
* Les **fichiers HTML** doivent être dans le dossier ''**templates**'' ... ci :
<code bash>
tree . -L 1
.
├── env
├── index.html
├── result.html
├── static
└── views.py
2 directories, 3 files
</code>
Je vous propose de regrouper l
{{tag>dev web html css}}
====== Créez votre site web avec HTML5 et CSS3 ======
Notes et transcriptions du cours [[https... .com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3| Créez votre site web avec HTML5 et CSS3]] proposé sur la plateforme [[https://openclassrooms.