Ajout de style dans un m\u00eame fichier HTML<\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n <head>\n <meta charset=\"utf-8\"\/>\n <title>HTML<\/title>\n <\/head>\n <body>\n <p>Ma premi\u00e8re page cod\u00e9e en <b><font face=\"verdana\" color=\"red\" size=\"10\">HTML<\/font><\/b><\/p>\n <\/body>\n<\/html><\/pre>\n\n\n\nOn souhaite r\u00e9aliser la page web ci-dessous (capture)<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n\n<meta charset=\"utf-8\"\/>\n<title>HTML<\/title>\n<style>\nbody{\t\n\tfont-family:Tahoma, Geneva, sans-serif;\n }\n\nh1{ \tfont-size:35px;\n\tcolor:orange;\n }\n\nh2{\n\tfont-size:25px;\n\tcolor:#444444;\n}\n<\/style>\n\n<\/head>\n\n<body>\n\n\t<header>\t\t\n\t<h2>Histoire de l'internet et du web<\/h2>\n\t<\/header>\n\t\n\t<h1>1990<\/h1><br\/>\t\t\n\t<img src=\"https:\/\/www.rtflash.fr\/sites\/default\/files\/imagecache\/format_article\/tim_berners-lee_lance_la_campagne_fortheweb.jpg\" alt=\"image Tim Berner Lee\"\/><br\/>\t\n\t<h2>Tim Berners Lee <\/h2>\t\n\t<p>\n\t\t\"J'ai tent\u00e9 de faire du Web, une plate-forme universelle et neutre qui ne doit\n\t\tpas entrer en conflit avec du mat\u00e9riel sp\u00e9cifique, un logiciel, un r\u00e9seau, un \n\t\tlangage, une culture, un handicap, ou encore des donn\u00e9es sp\u00e9cifiques\"<br\/>\n\t<br\/>\n\t\t\t\n\t<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Tim_Berners-Lee\">En savoir plus <\/a>\n\t<br\/>\n\t<a href=\"https:\/\/www.youtube.com\/watch?v=PbCG_BeL5dY\">Vid\u00e9o<\/a>\n\t<\/p>\t\t\n\t\n\n<\/body>\n<\/html><\/pre>\n\n\n\nFichier HTML+ Fichier CSS<\/p>\n\n\n\n
S\u00e9paration du style et du contenu<\/strong><\/p>\n\n\n\n<html lang=\"fr\">\n<head>\n\n<meta charset=\"utf-8\"\/>\n<title>HTML & CSS<\/title>\n<link rel=\"stylesheet\" href=\"style001.css\"\/>\n<\/head>\n<body>\n\t<header>\t\t\n\t<h2>Une date importante de l'histoire de l'internet et du web<\/h2>\n\t<\/header>\n\t\n\t<h1>1990<\/h1><br\/>\t\t\n\t<img src=\"https:\/\/www.rtflash.fr\/sites\/default\/files\/imagecache\/format_article\/tim_berners-lee_lance_la_campagne_fortheweb.jpg\" alt=\"Tim Berners Lee \"\/><br\/>\t\n\t<h2>Tim Berners Lee <\/h2>\t\n\t<p>\n\t\t\"J'ai tent\u00e9 de faire du Web, une plate-forme universelle et neutre qui ne doit\n\t\tpas entrer en conflit avec du mat\u00e9riel sp\u00e9cifique, un logiciel, un r\u00e9seau, un \n\t\tlangage, une culture, un handicap, ou encore des donn\u00e9es sp\u00e9cifiques\"<br\/>\n\t<br\/>\n\t\t\t\n\t<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Tim_Berners-Lee\">Cliquer ICI <\/a>\n\t<\/p>\t\t\n\t\n\n<\/body>\n<\/html><\/pre>\n\n\n\nbody{\n\tmargin:50;\n\tfont-family:Tahoma, Geneva, sans-serif;\n}\n\nh1{\n\tfont-size:35px;\n\tcolor:orange;\n}\nh2{\n\tfont-size:25px;\n\tcolor:#555555;\t\n}\n<\/pre>\n\n\n\nR\u00e9alisez votre mini site web<\/p>\n\n\n\n
Exploitez ce que vous avez appris pour r\u00e9aliser deux pages web li\u00e9es entre elles et partageant la m\u00eame feuille de style.<\/p>\n\n\n\n
Sujet : celui de votre pr\u00e9sentation <\/p>\n\n\n\n
V\u00e9rifiez que les images utilis\u00e9es sont libres de droit<\/p>\n\n\n\n
Ce que vous avez appris est suffisant ,mais pour ceux qui souhaitent aller plus loin:<\/p>\n\n\n\n
https:\/\/www.w3schools.com\/html\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":355,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/posts\/353"}],"collection":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=353"}],"version-history":[{"count":3,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/posts\/353\/revisions"}],"predecessor-version":[{"id":427,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/posts\/353\/revisions\/427"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=\/wp\/v2\/media\/355"}],"wp:attachment":[{"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=353"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=353"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/yb-isn.fr\/2021\/nsi\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"http:\/\/yb-isn.fr\/2021\/snt\/wp-content\/uploads\/2021\/11\/Capture-decran-2021-11-28-221413-300x263.png\")
<\/figure><\/li>![\"\"](\"http:\/\/yb-isn.fr\/2021\/snt\/wp-content\/uploads\/2021\/11\/Capture-decran-2021-11-28-221536.png\")
<\/figure><\/li><\/ul><\/figure>\n\n\n\n![\"\"](\"http:\/\/yb-isn.fr\/2021\/snt\/wp-content\/uploads\/2021\/11\/image.png\")
<\/figure>\n\n\n\n