32 lines
1.7 KiB
Plaintext
32 lines
1.7 KiB
Plaintext
<link rel="stylesheet" type="text/css" href="./assets/css/style_demo_link.css" />
|
|
|
|
Utiliser <code>hr</code> et <code>br</code> pour couper dans le texte
|
|
Créer également 2 paragraphes <code>p</code>
|
|
placer ensuite l'image dans le text
|
|
<codescape class="html">
|
|
<img src="./assets/img/cat_mimi.jpg">
|
|
</codescape>
|
|
<img src="./assets/img/cat_mimi.jpg">
|
|
La feuille de style <a href="./assets/css/style_demo_link.css">style_demo_link.css</a> doit affecter l'image et l'un des paragraphes créés...
|
|
|
|
<button type="button" class="collapsible">Open Collapsible</button>
|
|
<div class="coll_content">
|
|
NB: comme <code>img</code> et d'autres éléments, <code>br</code> et <code>hr</code>... sont des éléments différents de bien d'autres, ils n'ont pas besoin de contenir quelquechos pour créer un élément...
|
|
<code>img</code> ou <code>link</code> chargent des contenus (ils se suffisent à eux même)
|
|
<code>br</code> et <code>hr</code> créent un saut de ligne, une séparation.
|
|
|
|
<codescape class="html">
|
|
<img src="./assets/img/cat_mimi.jpg">
|
|
</codescape>
|
|
<img src="./assets/img/cat_mimi.jpg">
|
|
|
|
<codescape class="html">
|
|
<link rel="stylesheet" type="text/css" href="./assets/css/style_demo_link.css" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
</codescape>
|
|
<img src="./assets/img/cat_mimi.jpg">
|
|
|
|
<code>meta</code> ou <code>link</code> changent des comportements contextuels (meta) de la paragraphe
|
|
<code>link</code> charge une <a href="./assets/css/style_demo_link.css">feuille de style</a>, la <code>meta</code> ici rend la page "responsive" : le contenu s'adapte sur les petits écran (portables)
|
|
Des sites comme <a href="https://www.heymeta.com/" target="_blank">https://www.heymeta.com/</a> permettent d'afficher les meta d'un site/page...
|
|
</div> |