Ré-introduction de l'html : Différence entre versions
Ligne 11 : | Ligne 11 : | ||
Le code html vu au cours | Le code html vu au cours | ||
− | < | + | <source> |
<!doctype html> | <!doctype html> | ||
<html> | <html> | ||
Ligne 53 : | Ligne 53 : | ||
</body> | </body> | ||
</html> | </html> | ||
− | </ | + | </source> |
Version du 2 octobre 2020 à 13:23
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>
<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>