Ré-introduction de l'html : Différence entre versions
(Page créée avec « L'html répond à une norme antérieure: le [https://fr.wikipedia.org/wiki/Standard_Generalized_Markup_Language SGML]<br> l'XML: également basé sur le SGML -> langage p... ») |
|||
| Ligne 4 : | Ligne 4 : | ||
Par exemple le SVG est de l'XML et permet de décrire des dessins vectoriels. (voir cours [[ads.ustensile.be/r/svg_to_print.md|SVG to print]] | Par exemple le SVG est de l'XML et permet de décrire des dessins vectoriels. (voir cours [[ads.ustensile.be/r/svg_to_print.md|SVG to print]] | ||
| − | Http: protocole hypertexte | + | Http: protocole conçu par Tim Berner Lee qui utilise la notion d'hypertexte introduite par Ted Nelson à travers son projet [https://fr.wikipedia.org/wiki/Projet_Xanadu Xanadu] qui interroge les relations rizomiques de l'information. |
UTF-8: norme d'encodage des caractères typographiques étendue qui accepte, entre autres, les caractères non latin. | UTF-8: norme d'encodage des caractères typographiques étendue qui accepte, entre autres, les caractères non latin. | ||
| Ligne 10 : | Ligne 10 : | ||
Les chaines de caractères sont délimitées par des guillemets pour que le navigateur ne les interprète pas comme une instruction. | Les chaines de caractères sont délimitées par des guillemets pour que le navigateur ne les interprète pas comme une instruction. | ||
| − | + | Le code html vu au cours | |
| + | <code> | ||
| + | <!doctype html> | ||
| + | <html> | ||
| + | <head> | ||
| + | <title>Corps machine</title> | ||
| + | <link rel="stylesheet" href="styles.css" type="text/css"> | ||
| + | <meta charset="utf-8"> | ||
| + | </head> | ||
| + | <body> | ||
| + | <header> | ||
| + | <nav> | ||
| + | |||
| + | </nav> | ||
| + | </header> | ||
| + | |||
| + | <main> | ||
| + | <h1>Le titre de la page</h1> | ||
| + | <p class="intro">Le texte principal de ma page</p> | ||
| + | <section> | ||
| + | <h2>Le titre de la section</h2> | ||
| + | <article> | ||
| + | <h3> | ||
| + | Le titre de l'article | ||
| + | </h3> | ||
| + | <p id="paragraphe1" class="intro pouet"> | ||
| + | <a href="page2.html">Le texte</a> de l'article (premier paragraphe) | ||
| + | </p> | ||
| + | <p> | ||
| + | Second paragraphe | ||
| + | <img alt="ceci est un raspberry" src="images/rpi.jpg"> | ||
| + | </p> | ||
| + | <p> | ||
| + | Troisième paragraphe | ||
| + | </p> | ||
| + | </article> | ||
| + | </section> | ||
| + | |||
| + | </main> | ||
| + | <footer> | ||
| + | </footer> | ||
| + | </body> | ||
| + | </html> | ||
| + | |||
| + | </code> | ||
Version du 2 octobre 2020 à 13:20
L'html répond à une norme antérieure: le SGML
l'XML: également basé sur le SGML -> langage plus précis que l'html pour partager des données de manière plus précises entre les applications (ex: partage de documents, articles de journaux...). Standard de recommandations pour des bases de données. Par exemple le SVG est de l'XML et permet de décrire des dessins vectoriels. (voir cours SVG to print
Http: protocole conçu par Tim Berner Lee qui utilise la notion d'hypertexte introduite par Ted Nelson à travers son projet Xanadu qui interroge les relations rizomiques de l'information.
UTF-8: norme d'encodage des caractères typographiques étendue qui accepte, entre autres, les caractères non latin. Les balises peuvent avoir des attributs comme src, alt... <img alt="ceci est une image" src="chemin_image.jpg"> Les chaines de caractères sont délimitées par des guillemets pour que le navigateur ne les interprète pas comme une instruction.
Le code html vu au cours
<!doctype html>
<html>
<head>
<title>Corps machine</title>
<link rel="stylesheet" href="styles.css" type="text/css">
<meta charset="utf-8">
</head>
<body>
<header>
<nav>
</nav>
</header>
<main>
Le titre de la page
Le texte principal de ma page
<section>
Le titre de la section
<article>
Le titre de l'article
<a href="page2.html">Le texte</a> de l'article (premier paragraphe)
Second paragraphe
<img alt="ceci est un raspberry" src="images/rpi.jpg">
Troisième paragraphe
</article>
</section>
</main>
<footer>
</footer>
</body>
</html>
