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
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>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 ?
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.
t MVT ======
**Vous voulez que le template index.html hérite du template base.html. Quelle instruction Jinja utilisez-vous dans index.html ?**
- ''%%{% block base %}{%endblock%}%%''
- ''%%{% extends ‘base.html’ %}%%''
++++ Réponse |
Choix 2. Pour étendre un
{{tag>dev web html css}}
====== Finalisez un formulaire et ajoutez un bouton d'envoi ======
Notes et t... .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.... alise ''<legend>''. Regardez cet exemple :
<code html>
<form method="get" action="">
<fieldset>
s ? C'est le moment d'afficher le contenu d'index.html !
===== Comprenez l'architecture modèle / vue /... lisez la [[https://docs.python.org/3/library/enum.html|documentation du type enum en Python]].
</note>
... ==== Le template ====
Un template est un fichier HTML qui peut recevoir des objets Python et qui est li... a variable ''username="Tom"'' au template ''index.html'' et ce dernier l'affichera à la place du prénom.
{{tag>dev web html css}}
====== Structurez votre page ======
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.... de, donc au début de la balise ''<body>'' :
<code html>
<body>
<header>
<!-- Placez ici le contenu
{{tag>dev web html css}}
====== Abordez d'autres techniques de mise en page ======
Notes et transcript... .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.... sera placé par-dessus les autres.
Si j'écris le HTML :
<code html>
<div class="conteneur">
<div c
