< et >. La/ en plus. Le HTMLbalise(contenu)]]><balise>contenu</balise>]]><img /> ou <br />.]]>{balise contenu}]]>[balise: contenu]]]><!DOCTYPE html> est la déclaration HTML5<body>]]><html>]]><html> vient après la<!DOCTYPE html>]]><head>]]><head> vient à l'intérieur de<html>.]]><head> contient titre (<title>), encodage<meta charset="utf-8">), feuilles de style<link>), scripts (<script>). <body><!DOCTYPE html>
<html>
<head>...</head>
<body>...</body>
</html>]]><head> (méta-données :<body> (contenu<html>.]]><html><body>...</body></html>]]><head>.]]><body>...</body>]]><html>,<head>.]]><main>...</main>]]><main> est une balise sémantique<body>, pas comme<h1> à <h6>. Importante pour<h1> à <h3>).]]><head>]]><head> est la zone des<title1>]]><title>]]><title> est dans <head> et<h1>]]><h1> (header level 1) à<h6> (level 6). Convention : un seul<h1> par page (le titre principal).]]><p> est l'une des balises les plus utilisées.<br>.]]><para>]]><paragraph>]]><p>.]]><text>]]><p>]]><p> (paragraph). Lehttps://example.com ?]]>target="_blank" pour ouvrir dans un<a href="#section1">.]]><link href="https://example.com">texte</link>]]><link> est utilisée dans <head><href="https://example.com">texte</href>]]><href>. C'est un<url="https://example.com">texte</url>]]><url> non plus.]]><a href="https://example.com">texte</a>]]><a> (anchor) avechref (hypertext reference).alt est obligatoire pouralt,<image src="...">]]><picture src="...">]]><picture> existe (pour les images<source> et un<img>.]]><src="...">]]>src est un attribut, pas une<img src="..." alt="...">]]><img> avec src (chemin)alt (texte alternatif pour<li>.]]><ol> (ordered list)]]><ol> est une liste ordonnée<list>]]><ul> (unordered list)]]><ul> contient des<li> (list item). Affichage avec puces<bullet>]]><a href="page.html">lien</a>, qu'est-cehref ?]]>id, class, style,href, src, alt. La syntaxe est toujoursattribut="valeur" à l'intérieur de la balisehref est à l'intérieur d'une<a>]]>nom="valeur" et complète l'information<header>, <nav>, <article>, <footer>)<div> génériques ?]]><header>,<nav>, <main>, <article>, <section>,<aside>, <footer>. Apparues en 2014 pour<div class="header"><div> est obsolète]]><div> reste très utilisé pour<div>.]]><div> et<span> ?]]>display: block; ou display: inline;.]]><div> est obsolète]]><div> est un conteneur de bloc (prend toute la largeur, saut de ligne) ; <span> est un conteneur inline (intégré dans le flux du texte)]]><div> est utilisé pour<span> pour<span> ne fonctionne que dans <head>]]><span> fonctionne dans <body>.]]><meta charset="utf-8"> dans <head> ?]]><head> pour garantir un affichage correct<script>. La<meta charset><meta name="robots"
content="noindex">.]]>class et id ?]]>class pourid pour les ancres et lesclass est obsolète]]>id doit être unique dans la page ; class peut être attribuée à plusieurs éléments]]>id identifie un seulid="header-principal"),class regroupe des éléments partageant unclass="bouton").]]>id ne fonctionne pas en HTML5]]><table>, <tr> (table row), <td> (table data) et <th> (table header)]]><th><thead>, <tbody>, <tfoot><grid>, <row>, <cell>]]><table> seul suffit]]><tr> et <td> (ou<th>) pour avoir un contenu.]]><spreadsheet>, <line>, <column>]]><p> ne peut pas contenir de bloc<p>).]]><a href="x"><strong>texte</strong></a>]]><ul><li>élément</li></ul>]]><li> dans <ul>.]]><p>Voici un <strong>mot</strong> important.</p>]]><strong>)<p>).]]><p>Texte <p>imbriqué</p>.</p>]]><p> dans un autre<p>. Le navigateur fermera<area>, <base>,<br>, <col>, <embed>, <hr>, <img>,<input>, <link>, <meta>, <source>,<track>, <wbr>.]]><img>, <br>, <hr>, <meta>, <link>, <input>]]><br> ou <br />.]]><p>, <div>, <span>]]><title>]]><title> doit être fermée<title>Mon site</title>).]]><head>, <body>]]><strong> vs <b> : la première a un sens<important>]]><text-bold>]]><bold>]]><strong> ou <b>]]><strong> exprime<b> est<em> (sémantique) ou<i>.]]>/site/index.html et l'image/site/img/photo.jpg, quel src utiliserimg/photo.jpg), absolu par rapport au/img/photo.jpg), absolu complethttps://...). Les chemins relatifs sont../img/photo.jpg]]>.. remonte d'un dossier, ici/img/photo.jpg.]]>https://./img/photo.jpg]]>img/photo.jpg]]>/ initial, c'est/site/index.html, img/photo.jpg/site/img/photo.jpg.]]>/img/photo.jpg]]>alt) pour les images, utiliser des balises sémantiques, structurer avec des titres <h1>...<h6>]]><ul>
<li>Pomme</li>
<li>Banane</li>
<ol>
<li>Cerise</li>
</ol>
</ul><li> du parent.<ol> ne peut pas être un<ul>. Il devrait être<li>. Le rendu peut varier selon<ol> doit être imbriqué dans un <li>]]><ul><li>Banane<ol><li>Cerise</li></ol></li></ul>.<li> directement.]]><!DOCTYPE html>
<html>
<head></head>
<body></body>
</html><!DOCTYPE html><html lang="fr"><head><meta
charset="utf-8"><title>Titre</title></head>
<body></body></html>.]]><title> dans <head>]]><title> est obligatoire.lang sur <html>]]><html lang="fr">), mais<script>]]><style>]]><table> pour la mise en<table>, mais avec <thead>, <tbody>, et<table>]]><table> existe toujours, maisid = identifiant uniqueclass =<header>, <nav>, etc.) améliorent l'accessibilité et le SEO]]><head> et <body> dans <html>]]>id peut être utilisé pour plusieurs éléments dans la même page]]>id doit êtreclass.]]><head> d'une page HTML, à quoi sert<meta name="description" content="Cours de NSI en ligne"><head>, on regroupe toutes les informations<title><meta charset> (encodage),<meta name="description"> (résumé pour les<meta name="viewport"> (adaptation<title>, distincte de<meta name="description">.]]><meta name="robots" content="noindex">. La<head> est<iframe> àContent-Security-Policy.]]><iframe>]]><iframe> (cadre ensrc.]]><embed>]]><embed> insère plutôt des objets<include>]]><include> n'existe en<link>]]><link> sert à déclarer des<head>, et non à<div>, <p>, <h1>,<ul>, <section>...) prennent toute la largeur<span>, <a>, <strong>, <em>,<img>...) restent au sein de la ligne courante.display.]]><strong>]]><strong> (mise en valeur<span>]]><span> est l'archétype de l'élément<div>]]><div> est un élément en bloc<a>]]><a> est par défaut un