-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
71 lines (49 loc) · 2.41 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
<head>
<title>HTML</title>
</head>
<body>
<h1><HTML/></h1>
<h2>Balises</h2>
<p>Une balise a un nom (p, html, head, title, h1, a) et s'ecrit entre les signes < et >. Les balises s'écrivent par paire pour agir sur ce qu'elles encadrent.</p>
<p>exemple : </p>
<code><h1>Un peu de texte</h1></code>
<h2>Création d'une page : </h2>
<p>Pour créer une page il faut commencer par la balise <code>html</code> : <br/>
<code><html></html></code>
</p>
<p>Ensuite on ajoute un debut de document qui contiendra le titre et un corps de document avec les balises suivantes : </p>
<code><html><br/><head><br/><meta charset="UTF-8"><br/><title> Mon titre </title><br/></head><br/><body><br/><br/></body><br/></html></code>
<h3>A partir de maintenant, pour afficher quelque chose à l'écran, les balises doivent être placés dans le <code>body</code></h3>
<h2>La balise image</h2>
<p>Pour afficher une image il faut utiliser la balise <code>img</code> de la façon suivante : </p>
<code><img src="URL" /></code>
<br/>
Pour changer la taille de l'image :
<code><img style="width:500px;" src="http://urlDeLimage" /></code>
<h2>Les titres</h2>
<code><h1>Gros titre</h1></code>
<br/>
<code><h2>Moins gros titre</h2></code>
<h2>Le texte</h2>
<p>Vous pouvez écrire du texte dans une balise <code><p> ici mon texte </p></code></p>
<h2>Changer la couleur</h2>
<p>Pour changer la couleur du texte :</p>
<code><p style="color:red;"></p></code>
<p>Changer la couleur de fond de la page</p>
<code><body style="background:green;"></code>
<p>Fond de page en dégradé</p>
<code><body style="background-image:linear-gradient(white, black);"></code>
<h2>Ajouter une favicon</h2>
<p>mettre dans le head :</p>
<code><link rel="icon" type="image/png" href="favicon.png" /></code>
<h2>Les liens</h2>
<code><a href="URL">Lien</a></code>
<h2>Quelques liens</h2>
<ul>
<li><a href="http://www.icone-gif.com/indexgif.php">http://www.icone-gif.com/indexgif.php</a></li>
<li><a href="http://www.toutimages.com/cadregifs.htm">http://www.toutimages.com/cadregifs.htm</a></li>
<li><a href="http://www.colorpicker.com/">http://www.colorpicker.com/</a></li>
</ul>
</body>
</html>