HTML – CSS

 

Outils

DEV MOZILLA

W3schools

Apprendre-html-et-css.com

Toutes les bases

Alsacréation

Toutes les bases

VISUAL STUDIO CODE

Entête html

Tapper “!” et appuyer sur Tab

<!DOCTYPE html>
<html lang=“en”>
<head>
    <meta charset=“UTF-8”>
    <meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
    <title>Document</title>
</head>
<body>
    
</body>
</html>  

L’élément HTML <link> définit la relation entre le document courant et une ressource externe. Cet élément peut être utilisé pour définir un lien vers une feuille de style, vers les icônes utilisées en barre de titre ou comme icône d’application sur les appareils mobiles.

<link href=”/media/examples/link-element-example.css” rel=”stylesheet”>

LIEN

<a>  href

<a href=”page.html” media=”screen and (max-height:700px)” > ..</a>

On peut faire un lien vers une autre page de son site simplement en écrivant le nom du fichier :

<a href=\”page2.html\”>

ANCRE

<h2 id=”mon_ancre”>Titre</h2>

<a href=”#mon_ancre”>Aller vers l’ancre</a>

<h1>Ma grande page</h1>

<p>

Aller directement à la partie traitant de :<br />

<a href=”#cuisine”>La cuisine</a><br />

<a href=”#rollers”>Les rollers</a><br />

<a href=”#arc”>Le tir à l’arc</a><br />

</p>

<h2 id=”cuisine”>La cuisine</h2>

<p>… (beaucoup de texte) …</p>

<h2 id=”rollers”>Les rollers</h2>

<p>… (beaucoup de texte) …</p>

<h2 id=”arc”>Le tir à l’arc</h2>

<p>… (beaucoup de texte) …</p>