push
This commit is contained in:
parent
3ada35614f
commit
d9664f56ac
18
DEV1.1/partie_1/fichier.c
Normal file
18
DEV1.1/partie_1/fichier.c
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
#define<stdlib.h>
|
||||||
|
#define<stdio.h>
|
||||||
|
|
||||||
|
|
||||||
|
int main(void){
|
||||||
|
FILE* flux;
|
||||||
|
char tab[3];
|
||||||
|
int valeur;
|
||||||
|
|
||||||
|
flux = fopen("top10.bin", "r");
|
||||||
|
SIZE-t lu;
|
||||||
|
|
||||||
|
if(flux == NULL){
|
||||||
|
return EXIT_FAILURE;
|
||||||
|
}
|
||||||
|
|
||||||
|
lecture = fread()
|
||||||
|
}
|
41
DEV1.1/partie_2/Makefile
Normal file
41
DEV1.1/partie_2/Makefile
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
# ceci est un makefile témoins
|
||||||
|
CC = gcc
|
||||||
|
CFLAGS = -Wall -Wextra -pedantic -std=c89
|
||||||
|
|
||||||
|
|
||||||
|
# Liste des fichiers objets
|
||||||
|
OBJS = main.o interface.o utils.o blocus.o boutons.o
|
||||||
|
|
||||||
|
# Nom de l'exécutable
|
||||||
|
EXEC = jeu
|
||||||
|
|
||||||
|
# Règle par défaut pour compiler tout le projet
|
||||||
|
all: $(EXEC)
|
||||||
|
|
||||||
|
# Règle de création de l'exécutable
|
||||||
|
$(EXEC): $(OBJS)
|
||||||
|
$(CC) -o $(EXEC) $(OBJS) $(LDFLAGS) $(INCLUDES)
|
||||||
|
|
||||||
|
# Règles de compilation pour chaque fichier source
|
||||||
|
main.o: src/main.c include/interface.h include/utils.h include/blocus.h include/boutons.h
|
||||||
|
$(CC) $(CFLAGS) -c src/main.c $(INCLUDES)
|
||||||
|
|
||||||
|
interface.o: src/interface.c include/interface.h
|
||||||
|
$(CC) $(CFLAGS) -c src/interface.c $(INCLUDES)
|
||||||
|
|
||||||
|
utils.o: src/utils.c include/utils.h
|
||||||
|
$(CC) $(CFLAGS) -c src/utils.c $(INCLUDES)
|
||||||
|
|
||||||
|
blocus.o: src/blocus.c include/blocus.h
|
||||||
|
$(CC) $(CFLAGS) -c src/blocus.c $(INCLUDES)
|
||||||
|
|
||||||
|
boutons.o: src/boutons.c include/boutons.h
|
||||||
|
$(CC) $(CFLAGS) -c src/boutons.c $(INCLUDES)
|
||||||
|
|
||||||
|
# Règle pour exécuter le programme
|
||||||
|
run: $(EXEC)
|
||||||
|
./$(EXEC)
|
||||||
|
|
||||||
|
# Règle pour nettoyer les fichiers objets et l'exécutable
|
||||||
|
clean:
|
||||||
|
rm -f $(OBJS) $(EXEC)
|
BIN
DEV1.1/top10
Normal file
BIN
DEV1.1/top10
Normal file
Binary file not shown.
12
DEV1.2/TP01/exo0.html
Normal file
12
DEV1.2/TP01/exo0.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title> <meta charset="utf-8"> </title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>My first HTML5 <strong>document</strong></h1>
|
||||||
|
|
||||||
|
<p> </lang="fra">HTML5 est vraiment super !</p>
|
||||||
|
|
||||||
|
<input type="checkbox>
|
||||||
|
</html>
|
19
DEV1.2/TP01/exo1.html
Normal file
19
DEV1.2/TP01/exo1.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo1</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>W3C</h1>
|
||||||
|
<p><em><abbr title="World wide web consortiumt"> Le W3C </abbr></em>est un consortium créé le <time title="1994-10-1">1er octobre 1994</time> par <em>Tim Berners-Lee</em>, principal
|
||||||
|
inventeur du World Wide Web en <time title="1989">1989</time>, pour promouvoir la compatibilité et donc
|
||||||
|
la normalisation des technologies du World Wide Web. Avant <em><abbr title ="World wide web consortiumt">le W3C</abbr></em>, c'était l'IETF,
|
||||||
|
un autre organisme important de l'Internet, qui était en charge de cette mission.</p>
|
||||||
|
|
||||||
|
<p><em><abbr title="World wide web consortiumt">Le W3C</abbr></em> a par exemple standardisé les technologies <em><abbr title="HyperText Markup Language">HTML</abbr></em> et <em><abbr title="Extensible Markup Language"> XML</abbr></em>.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
43
DEV1.2/TP01/exo2.html
Normal file
43
DEV1.2/TP01/exo2.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Emoticons</h1>
|
||||||
|
|
||||||
|
<p>Emoticons are textual portrayals of a writer's moods or facial
|
||||||
|
expressions in the form of icons. Originally, these icons
|
||||||
|
consisted of ASCII art.</p>
|
||||||
|
|
||||||
|
<p>Emoticons can generally be divided into two groups: Western (mainly
|
||||||
|
from America and Europe) or horizontal; Eastern or vertical (mainly
|
||||||
|
from east Asia).</p>
|
||||||
|
|
||||||
|
<h2>Western</h2>
|
||||||
|
|
||||||
|
<p>Western style emoticons are mostly written from left to right as
|
||||||
|
though the head is rotated counter-clockwise 90 degrees.</p>
|
||||||
|
|
||||||
|
<p>Smiley: :‑) :-></p>
|
||||||
|
<p>Tongue-tied: :‑&</p>
|
||||||
|
<p>Broken heart: <\3</p>
|
||||||
|
<p>Rose: @}->--</p>
|
||||||
|
<p>Fish: ><(((*></p>
|
||||||
|
|
||||||
|
<h2>Eastern</h2>
|
||||||
|
|
||||||
|
<p>Eastern emoticons generally are not rotated sideways. They first
|
||||||
|
arose in Japan, where they are referred to as kaomoji.</p>
|
||||||
|
|
||||||
|
<p>Troubled: (>_<)</p>
|
||||||
|
<p>Sad: ("_")</p>
|
||||||
|
<p>Cat: (=^·^=)</p>
|
||||||
|
<p>Headphones: ((d[-_-]b))</p>
|
||||||
|
<p>surprised: (°-°)</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
28
DEV1.2/TP01/exo3.html
Normal file
28
DEV1.2/TP01/exo3.html
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo3</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>TOP 5 de mes sites</h1>
|
||||||
|
<ol>
|
||||||
|
<li><a href="https://www.youtube.com/@m4thzilas450">youtube : allez vous abonnez!!! </a></li>
|
||||||
|
<li><a href="https://anime-sama.fr/">anime sama : lisez berserk</a></li>
|
||||||
|
<li><a href="https://www.twitch.tv/m4th7ilas">twitch : allez vous sub!!!</a></li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://tracker.gg/valorant/profile/riot/M4th7ilas%235533/overview">valotracker : je suis plat au cas ou</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>discord : pour la comunication en ligne</dt>
|
||||||
|
<dd><a href="https://discord.com/">discord</a></dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
31
DEV1.2/TP01/exo4.html
Normal file
31
DEV1.2/TP01/exo4.html
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo4</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Orbites des planètes du Système solaire</h1>
|
||||||
|
<h2>Planète;Distance moyenne (UA);Exentricité ;Inclinaison (°);Période de révolution (an)</h2>
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td><h2>Planète</h2></td>
|
||||||
|
<td><h2>Distance moyenne (UA)</h2></td>
|
||||||
|
<td>Inclinaison (°)</td>
|
||||||
|
<td>periode de revolution (an)</td>
|
||||||
|
<td>photo</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Venus</td>
|
||||||
|
<td>0,72333199</td>
|
||||||
|
<td>0,007</td>
|
||||||
|
<td>3,4</td>
|
||||||
|
<td>0.615</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
44
DEV1.2/TP02/exo1.html
Normal file
44
DEV1.2/TP02/exo1.html
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo1</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<a href="#partie1">partie 1</a><br>
|
||||||
|
<a href="#partie2">partie 2</a><br>
|
||||||
|
<a href="#partie3">partie 3</a><br>
|
||||||
|
<h1>Mon arcticle de blog</h1>
|
||||||
|
<h3 id="partie1">Ma première partie</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris congue vehicula fermentum. Sed dapibus massa eget odio tempus, eu dapibus mi gravida. Donec posuere tincidunt molestie. Donec pellentesque, quam sed vulputate gravida, mauris risus consequat est, nec posuere erat tellus at neque. Fusce id odio quis velit semper tempor quis vel nulla. Sed id ultricies justo. Aliquam dapibus arcu sit amet lectus molestie cursus. Donec lobortis, leo ut vulputate eleifend, mauris lectus suscipit augue, nec vestibulum odio metus in nunc. Mauris eros enim, fringilla quis orci at, dignissim rutrum risus.<br><br>
|
||||||
|
|
||||||
|
Curabitur vehicula volutpat urna in pretium. Phasellus vel neque aliquet, ullamcorper metus sit amet, porttitor justo. Duis ultrices, nisi quis finibus bibendum, leo dui tempor eros, sed pharetra ligula dolor vitae felis. In at semper lorem. Donec ipsum enim, euismod vitae nulla vitae, semper feugiat lorem. Integer blandit diam et diam vehicula tempor. Quisque nec aliquet ligula, eu maximus mi. Nullam mauris ante, venenatis vel nibh eu, commodo luctus ex. Vestibulum volutpat vehicula risus non semper. Duis eu porttitor orci. Vestibulum sapien nibh, egestas vitae mi vitae, congue egestas diam. Fusce viverra magna justo, vel maximus libero finibus ac.<br><br>
|
||||||
|
|
||||||
|
Vivamus convallis molestie condimentum. Nulla vel maximus lorem. Phasellus eu elit laoreet, consequat urna eu, dapibus est. Curabitur cursus tempor tellus quis pulvinar. Curabitur dignissim enim neque, vitae luctus lectus dapibus sit amet. Donec ex massa, congue in venenatis in, cursus non magna. In luctus risus a nulla gravida pellentesque. Nunc libero nibh, convallis a nisi vitae, rutrum suscipit justo. Vivamus non arcu commodo, convallis lectus quis, ultricies elit. Vivamus volutpat augue sit amet euismod bibendum. Phasellus a dolor sem. Duis vel pretium nunc. Sed vitae accumsan elit. Donec justo ante, dictum sed aliquet non, tincidunt sed enim.<br><br>
|
||||||
|
|
||||||
|
Donec molestie congue quam nec facilisis. Phasellus tempor, tortor in aliquet varius, nibh felis gravida urna, finibus euismod lectus ipsum in mi. Integer non ullamcorper nisi. Aenean at massa at ex mollis porttitor in sed augue. Aliquam vel cursus arcu. Morbi posuere euismod vestibulum. In suscipit ipsum sed magna ullamcorper maximus. Pellentesque mattis leo nibh, sed gravida turpis sagittis in. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas volutpat blandit ex fermentum sodales. Aenean dapibus odio et mattis consectetur. Proin eu. </p>
|
||||||
|
|
||||||
|
<h3 id="partie2">Ma deuxième partie</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vestibulum mi sit amet ligula pulvinar condimentum. Proin sit amet luctus tellus. Curabitur ac nunc ut massa volutpat porttitor ac non erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tristique sollicitudin felis, ac imperdiet lacus molestie a. Quisque nec leo quis sem posuere scelerisque. Mauris sagittis cursus dictum. Morbi id eleifend tellus. Suspendisse sed magna et enim consequat iaculis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut aliquam est in mollis feugiat. Phasellus at efficitur erat. Aenean et est interdum tortor pellentesque suscipit. Maecenas ac lectus faucibus diam interdum congue.<br><br>
|
||||||
|
|
||||||
|
Curabitur laoreet ornare volutpat. Morbi luctus lacinia risus a dictum. Duis sagittis vitae justo nec mollis. Curabitur a molestie nisi, non facilisis magna. Praesent et rhoncus eros. Sed semper odio at magna scelerisque facilisis a ac ligula. Phasellus congue quam sed pretium consequat. Nunc sagittis metus ac molestie scelerisque. Cras ac augue non purus pretium tempus at ultricies felis. Praesent sit amet gravida mauris, ac tempor dolor. Sed ac turpis vehicula, tempor elit quis, dapibus purus.<br><br>
|
||||||
|
|
||||||
|
Donec tincidunt, eros at dignissim fringilla, velit nunc facilisis ipsum, eget maximus est dui non neque. Curabitur imperdiet suscipit metus, ut convallis dui consectetur a. Ut id posuere arcu. Cras sagittis rutrum libero, ut interdum ligula interdum quis. Vivamus at mauris ut libero blandit condimentum. Morbi gravida odio a malesuada luctus. Quisque eget elit enim. Maecenas vehicula blandit purus quis feugiat. Suspendisse suscipit ligula at nunc semper porttitor.<br><br>
|
||||||
|
|
||||||
|
Vivamus accumsan, odio a faucibus malesuada, lectus felis molestie est, at venenatis felis justo nec ante. Etiam suscipit ullamcorper tortor eu sagittis. Duis id nulla iaculis, venenatis diam sit amet, bibendum dui. Donec tincidunt arcu libero, at volutpat mi elementum et. Nullam aliquet viverra dictum. Curabitur ac urna quis lorem sollicitudin egestas. Mauris vehicula suscipit varius. Morbi lobortis diam eu neque suscipit pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sit amet nulla venenatis, sodales sapien non, porta leo. Aliquam lobortis arcu lectus, nec sagittis risus ullamcorper quis. Curabitur fringilla nulla et neque lobortis tempus. Donec sed massa ac felis aliquam sagittis a vitae odio. Vestibulum eget gravida mi. Nullam pretium, quam sed rutrum porttitor, neque lectus placerat nisl, nec efficitur diam odio at dui. Morbi eu lacus ac nulla tristique dapibus.<br><br>
|
||||||
|
|
||||||
|
Phasellus magna sem, ullamcorper eget purus quis, porttitor lacinia risus. Maecenas mattis ac tortor id dictum. Vivamus lacinia diam eu cursus hendrerit est. </p>
|
||||||
|
|
||||||
|
<h3 id="partie3">Ma troisième partie</h3>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget metus malesuada, convallis massa quis, varius leo. Vestibulum accumsan mauris vel tellus accumsan, sit amet imperdiet neque vehicula. Donec sed dui ac leo pharetra fringilla a eu nibh. Nam sagittis vitae orci ac efficitur. Proin non nulla lectus. Etiam id dapibus felis, at imperdiet nulla. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida magna nec iaculis iaculis. Integer tempor molestie ante, in tempus neque fringilla a. Phasellus vestibulum arcu turpis, in viverra eros laoreet a.<br><br>
|
||||||
|
|
||||||
|
Cras ultrices massa non vulputate dapibus. Mauris suscipit, odio nec sollicitudin tincidunt, risus lacus ultrices risus, et consectetur ex libero et nunc. Nulla accumsan, magna eget efficitur porttitor, magna velit ullamcorper erat, in cursus turpis nibh id purus. Nulla vulputate eget eros sit amet tincidunt. Mauris nulla enim, fermentum rutrum erat at, lobortis lacinia sapien. Mauris massa dolor, euismod in ipsum vitae, commodo semper ligula. Praesent tincidunt lacus vitae sapien tempor, non egestas erat rhoncus. In velit libero, tincidunt ac aliquet pharetra, interdum et odio. Sed vel tincidunt ipsum. Proin vestibulum neque nec orci molestie, sit amet faucibus ex mollis. Praesent ac feugiat tortor, et tincidunt magna. Etiam gravida dignissim lectus a volutpat.<br><br>
|
||||||
|
|
||||||
|
Aenean non massa eu tellus tempus gravida. Sed vitae est arcu. Vivamus ac lacus arcu. Pellentesque iaculis nisi velit, in rutrum nibh placerat ut. Nam sit amet massa blandit massa maximus mollis. Phasellus non convallis odio. Nunc magna sem, finibus a turpis sed, finibus scelerisque quam. Donec nec tempor sapien. Mauris aliquet et turpis id ultrices.<br><br>
|
||||||
|
|
||||||
|
Duis semper, tortor non pellentesque pulvinar, libero ex elementum odio, ac finibus risus orci in augue. Vestibulum viverra eros nulla, a blandit lorem gravida vel. Proin feugiat rutrum sapien, vel iaculis mi tincidunt posuere. Vestibulum sed porta diam. Duis ex dui mauris. </p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
72
DEV1.2/TP02/exo2.html
Normal file
72
DEV1.2/TP02/exo2.html
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<form action="https://dwarves.iut-fbleau.fr/requete.php" method="post">
|
||||||
|
<ul>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
<li>
|
||||||
|
<label for="nom">entrez votre nom:</label>
|
||||||
|
<input type="text" name="nom" id="nom" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="prenom">entrez votre prenom:</label>
|
||||||
|
<input type="text" name="prenom" id="prenom" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="date">entrez votre date de naissance:</label>
|
||||||
|
<input type="date" name="date" id="date" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="email">entrez votre email:</label>
|
||||||
|
<input type="email" name="email" id="email" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="postal">entrez votre code postal:</label>
|
||||||
|
<input type="number" name="postal" id="postal" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="telephone">entrez votre numéro de téléphone:</label>
|
||||||
|
<input type="tel" name="telephone" id="telephone" pattern="[0-9]{10}" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<legend>choisissez votre sexe</legend>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<input type="radio" id="FEMME" name="sexe" value="FEMME" checked />
|
||||||
|
<label for="FEMME">FEMME</label>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<input type="radio" id="HOMME" name="sexe" value="HOMME" checked />
|
||||||
|
<label for="HOMME">HOMME</label>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="semestre">Choisissez le semestre</label>
|
||||||
|
<select name="semestre" id="semestre">
|
||||||
|
<option value="S2">Semestre 2</option>
|
||||||
|
<option value="S1">Semestre 1</option>
|
||||||
|
<option value="S3">Semestre 3</option>
|
||||||
|
<option value="S4">semestre 4</option>
|
||||||
|
</select>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="niveau">entrez votre niveau en html /10:</label>
|
||||||
|
<input type="range" name="niveau" id="niveau" min="0" max="10" value="5" required />
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<label for="message">Message:</label>
|
||||||
|
<textarea id="message" name="message" rows="5" cols="33">
|
||||||
|
</textarea>
|
||||||
|
</li>
|
||||||
|
<li><button>submit</button></li>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
12
DEV1.2/exo0.html
Normal file
12
DEV1.2/exo0.html
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title> <meta charset="utf-8"> </title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>My first HTML5 <strong>document</strong></h1>
|
||||||
|
|
||||||
|
<p> </lang="fra">HTML5 est vraiment super !</p>
|
||||||
|
|
||||||
|
<input type="checkbox>
|
||||||
|
</html>
|
19
DEV1.2/exo1.html
Normal file
19
DEV1.2/exo1.html
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo1</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>W3C</h1>
|
||||||
|
<p><em><abbr title="World wide web consortiumt"> Le W3C </abbr></em>est un consortium créé le <time title="1994-10-1">1er octobre 1994</time> par <em>Tim Berners-Lee</em>, principal
|
||||||
|
inventeur du World Wide Web en <time title="1989">1989</time>, pour promouvoir la compatibilité et donc
|
||||||
|
la normalisation des technologies du World Wide Web. Avant <em><abbr title ="World wide web consortiumt">le W3C</abbr></em>, c'était l'IETF,
|
||||||
|
un autre organisme important de l'Internet, qui était en charge de cette mission.</p>
|
||||||
|
|
||||||
|
<p><em><abbr title="World wide web consortiumt">Le W3C</abbr></em> a par exemple standardisé les technologies <em><abbr title="HyperText Markup Language">HTML</abbr></em> et <em><abbr title="Extensible Markup Language"> XML</abbr></em>.</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
43
DEV1.2/exo2.html
Normal file
43
DEV1.2/exo2.html
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo2</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Emoticons</h1>
|
||||||
|
|
||||||
|
<p>Emoticons are textual portrayals of a writer's moods or facial
|
||||||
|
expressions in the form of icons. Originally, these icons
|
||||||
|
consisted of ASCII art.</p>
|
||||||
|
|
||||||
|
<p>Emoticons can generally be divided into two groups: Western (mainly
|
||||||
|
from America and Europe) or horizontal; Eastern or vertical (mainly
|
||||||
|
from east Asia).</p>
|
||||||
|
|
||||||
|
<h2>Western</h2>
|
||||||
|
|
||||||
|
<p>Western style emoticons are mostly written from left to right as
|
||||||
|
though the head is rotated counter-clockwise 90 degrees.</p>
|
||||||
|
|
||||||
|
<p>Smiley: :‑) :-></p>
|
||||||
|
<p>Tongue-tied: :‑&</p>
|
||||||
|
<p>Broken heart: <\3</p>
|
||||||
|
<p>Rose: @}->--</p>
|
||||||
|
<p>Fish: ><(((*></p>
|
||||||
|
|
||||||
|
<h2>Eastern</h2>
|
||||||
|
|
||||||
|
<p>Eastern emoticons generally are not rotated sideways. They first
|
||||||
|
arose in Japan, where they are referred to as kaomoji.</p>
|
||||||
|
|
||||||
|
<p>Troubled: (>_<)</p>
|
||||||
|
<p>Sad: ("_")</p>
|
||||||
|
<p>Cat: (=^·^=)</p>
|
||||||
|
<p>Headphones: ((d[-_-]b))</p>
|
||||||
|
<p>surprised: (°-°)</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
28
DEV1.2/exo3.html
Normal file
28
DEV1.2/exo3.html
Normal file
@ -0,0 +1,28 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo3</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>TOP 5 de mes sites</h1>
|
||||||
|
<ol>
|
||||||
|
<li><a href="https://www.youtube.com/@m4thzilas450">youtube : allez vous abonnez!!! </a></li>
|
||||||
|
<li><a href="https://anime-sama.fr/">anime sama : lisez berserk</a></li>
|
||||||
|
<li><a href="https://www.twitch.tv/m4th7ilas">twitch : allez vous sub!!!</a></li>
|
||||||
|
</ol>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="https://tracker.gg/valorant/profile/riot/M4th7ilas%235533/overview">valotracker : je suis plat au cas ou</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<dl>
|
||||||
|
<dt>discord : pour la comunication en ligne</dt>
|
||||||
|
<dd><a href="https://discord.com/">discord</a></dd>
|
||||||
|
</dl>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
31
DEV1.2/exo4.html
Normal file
31
DEV1.2/exo4.html
Normal file
@ -0,0 +1,31 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="description" content="ma première page">
|
||||||
|
<meta name="keywords" content="html,but info Fontainebleau, ressource R1.02">
|
||||||
|
<meta name="author" content="Mathis Moogin">
|
||||||
|
<title>exo4</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Orbites des planètes du Système solaire</h1>
|
||||||
|
<h2>Planète;Distance moyenne (UA);Exentricité ;Inclinaison (°);Période de révolution (an)</h2>
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<td><h2>Planète</h2></td>
|
||||||
|
<td><h2>Distance moyenne (UA)</h2></td>
|
||||||
|
<td>Inclinaison (°)</td>
|
||||||
|
<td>periode de revolution (an)</td>
|
||||||
|
<td>photo</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Venus</td>
|
||||||
|
<td>0,72333199</td>
|
||||||
|
<td>0,007</td>
|
||||||
|
<td>3,4</td>
|
||||||
|
<td>0.615</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
Loading…
Reference in New Issue
Block a user