{"id":2032,"date":"2025-09-23T06:31:00","date_gmt":"2025-09-23T04:31:00","guid":{"rendered":"https:\/\/labodemaths.fr\/WordPress3\/?p=2032"},"modified":"2025-09-24T08:44:49","modified_gmt":"2025-09-24T06:44:49","slug":"snt2022-2023mettre-du-style-a-vos-pages-web","status":"publish","type":"post","link":"https:\/\/labodemaths.fr\/WordPress3\/snt2022-2023mettre-du-style-a-vos-pages-web\/","title":{"rendered":"SNT,2025-2026,mettre du style \u00e0 vos pages web"},"content":{"rendered":"\n

Ouvrir notepad ou un \u00e9diteur de code quelconque et copier coller le code ci-dessous :<\/p>\n\n\n\n

body {\n    color: rgb(200,0,100); \/* couleur du texte *\/\n    padding-left: 20px; \/* marge int\u00e9rieure \u00e0 gauche *\/\n    background-color: #9fc9b9; \/* couleur de fond *\/\n}\n\nh1 {\n    font-size: 24px; \/* taille de police *\/\n}\n\nh2 {\n    \n    font-size: 18px;\n}\n\nimg {\n    width: 50%; \/* largeur en % *\/\n}<\/code><\/pre>\n\n\n\n
Enregistrer votre page avec le nom \u00ab\u00a0style.css\u00a0\u00bb dans votre dossier pages_web<\/p>\n\n\n\n
Ajouter dans le head de votre page index.html la ligne suivante :<\/p>\n\n\n\n
<link rel=\"stylesheet\" href=\"style.css\"><\/code><\/pre>\n\n\n\n
Vous devez alors avoir une page index.html ressemblant \u00e0 ceci :<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<title>Ma page web<\/title>\n<link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n<h1> Un titre de niveau 1<\/h1>\n<h2> un titre de niveau 2<\/h2>\n<p> un paragraphe<\/p>\n<img src=\"images\/image1.png\">\n<a href=\"page1.html\">page suivante<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Enregistrer votre page et observer le r\u00e9sultat dans votre navigateur.<\/p>\n\n\n\n
F\u00e9licitations, vous avez donn\u00e9 du style \u00e0 votre page. A vous de le modifier.<\/p>\n\n\n\n
Votre dossier doit ressembler \u00e0 :<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
Un lien pour d\u00e9terminer le code de vos couleurs :<\/p>\n\n\n\n
https:\/\/www.w3schools.com\/colors\/colors_picker.asp<\/a><\/p>\n\n\n\n
ou<\/p>\n\n\n\n
https:\/\/htmlcolorcodes.com\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Ouvrir notepad ou un \u00e9diteur de code quelconque et copier coller le code ci-dessous :…<\/p>\n
Read the postSNT,2025-2026,mettre du style \u00e0 vos pages web<\/span><\/a><\/div>\n","protected":false},"author":2,"featured_media":2033,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[56],"tags":[],"_links":{"self":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2032"}],"collection":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/comments?post=2032"}],"version-history":[{"count":5,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2032\/revisions"}],"predecessor-version":[{"id":2886,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/posts\/2032\/revisions\/2886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media\/2033"}],"wp:attachment":[{"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/media?parent=2032"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/categories?post=2032"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/labodemaths.fr\/WordPress3\/wp-json\/wp\/v2\/tags?post=2032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}