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>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">
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}}
====== 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 ?
{{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.
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}/
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}}
====== 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>
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}}
====== 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
