From 11060a5d057243b0dbe7f407100452b7ed8aa3ef Mon Sep 17 00:00:00 2001 From: Florian Mathieu Date: Mon, 5 Feb 2024 15:25:06 +0100 Subject: [PATCH] ajout fichiers html et css pour tp web --- sequences/.DS_Store | Bin 8196 -> 8196 bytes sequences/web/index.html | 119 +++++++++++++++++++++++++++++++++++++++ sequences/web/style.css | 55 ++++++++++++++++++ 3 files changed, 174 insertions(+) create mode 100644 sequences/web/index.html create mode 100644 sequences/web/style.css diff --git a/sequences/.DS_Store b/sequences/.DS_Store index fef0def82d4776fc36d6e176fc60917df05c1a4b..f999dafecb0350d39e8e1ea4a039390dfb81e4cf 100644 GIT binary patch delta 73 zcmZp1XmQxEK!DlYz-00YF_+EH1w2_N?-nd&Gc_~SQ81mnMoeb%8BvwZZ^Wb-H?v7- Kv0;~#WCQ?;9~Zp< delta 76 zcmZp1XmQxEK!C&8!c0fO*wSS38Zqh3hXrz3Cu<9ovl{Ct7#UAqEhaPhuz + + + + + Découverte du HTML + + + + +

WEB

+ + +

Les balises HTML que j'ai découvertes

+

En synthèse, compléter le tableau suivant :

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BaliseDescriptionExemple d'utilisation
<!-- -->Commentaire<!-- ici un commentaire -->
<p>Paragraphe<p>Ceci est un paragraphe.</p>
<h1> à <h6>
<br />
<strong>
<ul>
<ol>
<li>
<dt>
<table>
<a>
<img />
<hr />
+ +

La ciel est bleu comme la mer.

+ + + +

Les grands noms de l'informatique

+ + + + + + \ No newline at end of file diff --git a/sequences/web/style.css b/sequences/web/style.css new file mode 100644 index 0000000..6f5cd45 --- /dev/null +++ b/sequences/web/style.css @@ -0,0 +1,55 @@ +h1 +{ + font-size: 32px; + text-shadow: -1px -1px #0c0, 1px 1px #060, -3px 0 4px #000; + font-family:Arial, Helvetica, sans-serif; + color: #090; + padding:16px; + font-weight:lighter; + -moz-box-shadow: 2px 2px 6px #888; + -webkit-box-shadow: 2px 2px 6px #888; + box-shadow:2px 2px 6px #888; + text-align:center; + display:block; + margin:16px; + background-color: #76d7c4; +} + +#banniere +{ + font-size: 48px; + text-shadow: -1px -1px #9df, 1px 1px #49d, -3px 0 4px #000; + font-family:"Segoe print", Arial, Helvetica, sans-serif; + color:#6bf; + padding:24px 32px 32px 32px; + font-weight:lighter; + -moz-box-shadow: 2px 2px 6px #888; + -webkit-box-shadow: 2px 2px 6px #888; + box-shadow:2px 2px 6px #888; + text-align:center; + display:block; + line-height:150px; + background-image:url(images/background-h1-wide.jpg); +} + +/* faire le choix de la couleur en HTML : http://htmlcolorcodes.com/fr/*/ +body{ + background-color: #f7f9f9; +} + + +table tr:nth-child(odd) td +{ + background-color: #E8E8FF; +} + +h2, h3 { + background-color: gray; + color: navy; + radius-border : 5px; +} + +ul,ol{ + background-color: #1abc9c; + display : table; +} \ No newline at end of file