-
Notifications
You must be signed in to change notification settings - Fork 0
/
bases.html
166 lines (137 loc) · 5.08 KB
/
bases.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="stylesbases.css" >
<meta charset="UTF-8">
<title>LES BASES DE HTML</title>
</head>
<body>
<!-- liens pages internes -->
<p>page listes <a href="listes.html"> clic ici</a></p>
<h4>Identation et Commentaires</h4>
<h4>ch11 titres et paragraphes </h4>
<p>pragraphe ecris <br>en html </p>
<h4>sous titre</h4>
<!--ci desous la liens du site wikipeia-->
<a href="https://es.wikipedia.org">liens vers wikinews</a><br>
<!-- une foto que ne s'affiche pas-->
<img src="5a8434d9-903e-481d-b5be-0d058e5709fb.png" alt="la reina de su casa">
<!--les titres-->
<h1>bienvenue1</h1>
<p>paragraphes0</p>
<h2>bienvenue2</h2>
<p>paragraphes1</p>
<h3>bienvenue3</h3>
<h4>bienvenue4</h4>
<h5>bienvenue5</h5>
<h6>bienvenue6</h6>
<!--des paragraphes-->
<p>premier paragraphes0</p>
<h3>listes </h3>
<!--listes ul inserer dans ol-->
<ol>
<li>amparo1
<ul>
<li>rosa</li>
<li>amarillo</li>
<li>verde</li>
</ul>
</li>
<li>amparo2
<ul>
<li>soleil</li>
<li>livre</li>
<li>bateua</li>
</ul>
</li>
<li>amparo3</li>
</ol>
<!--des liens internes a modifie-->
<h2>lien page de depart</h2>
<p>liens vers <a href="medio.html">la page milieu</a></p>
<p>liens vers <a href="listes.html">la page sous</a> </p>
<p>lien vers la <a href="bases html.html">la page parent</a></p>
<!--Ancres html-->
<h2>les ancres en Html</h2>
<p>acces directe a l'encre<a href="#ancre1"> ancre 1</a></p>
<br><br><br><br><br><br>a<b><br><br><br><br><br><br>b<br><b><br>c<br><br><br><br><br><br>d<br><br><br><br><br>
<br>d <br><br><br><br><br><br>e <br><br><br>f
<h2 id="ancre1">ancre 1</h2>
<!--envoyer un mail-->
<p>me envoyer un <a target="_blank" href="mailto:[email protected]">mail</a></p>
<!--insertion d'image-->
<img src="ccnalogo.png" alt="image logo">
<!--les entites de html-->
<p>this is a paragraphe <br>
<br> is a balise </p>
<p> html & css</p>
<!--espacement-->
<p> amparo mofuman nguema asomo</p>
<!--les attributs id et class-->
<h1>vacas locas</h1>
<p class="p1">locas cabras</p>
<p id="p2">deuxieme paragraphe</p>
<p class="p1" id="para">troixieme paragraphe</p>
<!--heritage et cascade css-->
<h2 id="titre">heritage et cascade</h2>
<p class="vert">premier paragraphe</p>
<p class="vert" id="rojo">deuxieume paragraphe</p>
<p style="color:aqua" class="vert" id="yellow">troixieme et derniere </p>
<!--heretige-->
<h1>un titre de premier nivel</h1>
<p> autre paragraphe </p>
<p id="los1"> un autre paragraphe
<ul style="color: brown;">
<li>element de liste 1</li>
<li class="dd">element de liste aussi</li>
</ul>
<ul id="loba2">
<li>element liste 1</li>
<li>element liste 2</li>
</ul></p>
<!--balises div et espan-->
<h1>les balisess div et span</h1>
<div id="as">
<p>liste de contenu</p>
<ul>
<li>loba</li>
<li> rosa</li>
</ul>
</div>
<p>un paragraphe</p>
<div id="es">
<p >autre <span>paragraphe pour span</span></p>
<li>carter</li>
<li>rector</li>
</div>
<!--elements de types block et inline-->
<p class="inline">un paragraphe , element de tipe inline </p>
<p>element <strong class="block">de tipe block</strong></p>
<!--long hand and short hand-->
<h2>titre des padding</h2>
<p id="p11">premier paragraphe</p>
<p id="p12">deuxième paragraphe</p>
<!--les fonts -->
<p >premier paragraphe</p>
<p id="p13"> deuxième paragraphe
<ul>
<li>rose
<ol><li>mari</li>
<li>barie</li>
</ol>
</li>
</ul>
</p>
<div id="font">
<!-- differents tipes de fontsize-->
<h2>differents fontsize</h2>
<p id="xxs"> un paragraphe font xx-small</p>
<p id="xs">un paragraphe font x-small</p>
<p id="m">un paragraphe font medium</p>
<p id="l">un paragraphe font large</p>
<p id="xxl">un paragraphe font xx-large</p>
<p id="xl"> un paragraphe font x-large</p>
<p id="s"> un paragraphe font small</p>
</div>
</body>
</html>