-
Notifications
You must be signed in to change notification settings - Fork 0
/
page_dacceuil.html
229 lines (168 loc) · 7.75 KB
/
page_dacceuil.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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<h1 AliGN="CENTER">Page d'acceuil</h1>
<link href = "toolbar.css" rel="stylesheet" type="text/css">
</head>
<body>
<!-- layout -->
<nav>
<ul class = "toolbar">
<li><a href="page_dacceuil.html">Page d'accueil</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="Agenda.html">Agenda</a></li>
<li><a href="Inscriptionconnexion.html">Inscription+Connexion</a></li>
</ul>
</nav>
<p>Contenu de la page é e a</p>
<ol>
<li> <a href="#para1">Paragraphe1</a> </li>
<li> <a href="#para2">Paragraphe2</a> </li>
</ol>
<BR>
<ul>
<li> <a href="#para3">Paragraphe3</a> </li>
<li> <a href="#para4">Paragraphe4</a> </li>
</ul>
<p id="para1">
<h2>The Difference Between Unicode and UTF-8</h2>
Unicode is a <b> character set </b>. UTF-8 is <b> encoding </b>.
<I> Unicode is a list of characters with unique decimal numbers (code points) </I>. A = 65, B = 66, C = 67, ....
<br>
<u> This list of decimal numbers represent the string "hello": 104 101 108 108 111 </u>
<br>
<s>Encoding is how these numbers are translated into binary numbers to be stored in a computer:</s>
UTF-8 encoding will store "hello" like this (binary): 01101000 01100101 01101100 01101100 01101111
</p>
<p id="para2">
<h2> The Unicode Consortium </h2>
The Unicode Consortium develops the Unicode Standard. Their goal is to replace the existing character sets with its standard Unicode Transformation Format (UTF).
The Unicode Standard has become a success and is implemented in HTML, XML, Java, JavaScript, E-mail, ASP, PHP, etc. The Unicode standard is also supported in many operating systems and all modern browsers.
The Unicode Consortium cooperates with the leading standards development organizations, like ISO, W3C, and ECMA.
The Unicode Character Sets
Unicode can be implemented by different character sets. The most commonly used encodings are UTF-8 and UTF-16:
Character-set Description
UTF-8 A character in UTF8 can be from 1 to 4 bytes long. UTF-8 can represent any character in the Unicode standard. UTF-8 is backwards compatible with ASCII. UTF-8 is the preferred encoding for e-mail and web pages
UTF-16 16-bit Unicode Transformation Format is a variable-length character encoding for Unicode, capable of encoding the entire Unicode repertoire. UTF-16 is used in major operating systems and environments, like Microsoft Windows, Java and .NET.
<br>
Tip: The first 128 characters of Unicode (which correspond one-to-one with ASCII) are encoded using a single octet with the same binary value as ASCII, making valid ASCII text valid UTF-8-encoded Unicode as well.
HTML 4 supports UTF-8. HTML 5 supports both UTF-8 and UTF-16!
The HTML5 Standard: Unicode UTF-8
Because the character sets in ISO-8859 were limited in size, and not compatible in multilingual environments, the Unicode Consortium developed the Unicode Standard.
<br>
The Unicode Standard covers (almost) all the characters, punctuations, and symbols in the world.
Unicode enables processing, storage, and transport of text independent of platform and language.
The default character encoding in HTML-5 is UTF-8.
If an HTML5 web page uses a different character set than UTF-8, it should be specified in the <meta> tag like:
</p>
<p id="para3">
<h2>Learn by Examples</h2>
Examples are better than 1000 words. Examples are often easier to understand than text explanations.
This tutorial supplements all explanations with clarifying "Try it Yourself" examples.
JavaScript Examples
If you try all the examples, you will learn a lot about JavaScript, in a very short time!
Why Study JavaScript?
JavaScript is one of the 3 languages all web developers must learn:
1. HTML to define the content of web pages
<br>
2. CSS to specify the layout of web pages
3. JavaScript to program the behavior of web pages
Web pages are not the only place where JavaScript is used. Many desktop and server programs use JavaScript. Node.js is the best known. Some databases, like MongoDB and CouchDB, also use JavaScript as their programming language.
Did You Know?
JavaScript and Java are completely different languages, both in concept and design.
<br>
JavaScript was invented by Brendan Eich in 1995, and became an ECMA standard in 1997.
ECMA-262 is the official name of the standard. ECMAScript is the official name of the language.
You can read more about the different JavaScript versions in the chapter JS Versions.
Learning Speed
In this tutorial, the learning speed is your choice.
Everything is up to you.
If you are struggling, take a break, or reread the material.
Always make sure you understand all the "Try-it-Yourself" examples.
JavaScript References
W3Schools maintains a complete JavaScript reference, including all HTML and browser objects.
The reference contains examples for all properties and methods, and is continuously updated according to the latest web standards.
Complete JavaScript Reference
JavaScript Quiz Test
Test your JavaScript skills at W3Schools!
Start JavaScript Quiz!
</p>
<p id="para4">
<h2> Examples in Each Chapter </h2>
This CSS tutorial contains hundreds of CSS examples.
With our online editor, you can edit the CSS, and click on a button to view the result.
CSS Example
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
Click on the "Try it Yourself" button to see how it works.
Start learning CSS now!
CSS Examples
<br>
<UL id="navigation">
<LI> Pommes </LI>
<LI> Melon </LI>
</UL>
<br>
Learn from over 300 examples! With our editor, you can edit the CSS, and click on a button to view the result.
Go to CSS Examples!
CSS Templates
We have created some responsive W3.CSS templates for you to use.
You are free to modify, save, share, and use them in all your projects.
Free CSS Templates!
CSS Exercises and Quiz Test
Test your CSS skills at W3Schools!
Start CSS Exercises!
Start CSS Quiz!
CSS References
<br>
At W3Schools you will find complete CSS references of all properties and selectors with syntax, examples, browser support, and more.
CSS Properties Reference
CSS Selectors Reference
CSS Functions Reference
CSS Animatable Reference
CSS Aural Reference
CSS Units
CSS Color Reference
CSS Default Values
CSS Browser Support
CSS Exam - Get Your Diploma!
W3Schools Certification
W3Schools' Online Certification
The perfect solution for professionals who need to balance work, family, and career building.
More than 10 000 certificates already issued!
The HTML Certificate documents your knowledge of HTML.
The CSS Certificate documents your knowledge of advanced CSS.
The JavaScript Certificate documents your knowledge of JavaScript and HTML DOM.
The jQuery Certificate documents your knowledge of jQuery.
The PHP Certificate documents your knowledge of PHP and SQL (MySQL).
The XML Certificate documents your knowledge of XML, XML DOM and XSLT.
The Bootstrap Certificate documents your knowledge of the Bootstrap framework.
</p>
<ol>
<li> <a href="#para1">Paragraphe1</a> </li>
<li> <a href="#para2">Paragraphe2</a> </li>
</ol>
<BR>
<ul>
<li> <a href="#para3">Paragraphe3</a> </li>
<li> <a href="#para4">Paragraphe4</a> </li>
</ul>
<!-- layout -->
<footer>
<p>
Dream Tek Consulting
Adresse : Carthago Immeuble Luxor 1, B3.1 3ème étage 1002, Monplaisir
</p>
</footer>
<BODY>
</html>