Aller au contenu

Création d'une page web⚓︎

HTML (HyperText Markup Language)⚓︎

Le HTML n'est pas un langage de programmation, c'est un langage conçu pour représenter les pages web, Il est interprété par le navigateur. Il est constitué d'éléments qui structurent le contenu. Autrement dit : suivant l'élément utilisé, le navigateur va savoir quelle est la nature du contenu. Nous allons utiliser des éléments pour définir un paragraphe ou un titre. L'élément p, par exemple sert à définir un paragraphe

La Base d'une Page Web⚓︎

Le code ci-contre contient les éléments de bases, pour qu'un navigateur reconnaisse une page web et en interprète le contenu.

HTML
    <!DOCTYPE html>  <!-- document HTML-->
    <html lang="fr">  <!--début du document-->
    <head> <!--le head permet d'initialiser certains paramètres--> 
    <meta charset="UTF-8"> <!--comme le fait de pouvoir utiliser les caractères accentués-->
    <!--gère en partie l'affichage suivant les écrans-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css"> <!--ou encore de lier la feuille de style-->
    <title>Ma première page web</title>
    </head> <!--fin du head-->
    <body> <!--début du corps de la page web-->


    </body><!--fin du body-->
    </html><!--fin de la page HTML-->

Les parties entre < !-- et --> sont des commentaires, les commentaires permettent de décrire ce que fait le code à cet endroit et ne sont pas affichés par le navigateur. Nous pouvons en ajouter autant que l'on veut.

Les Balises en HTML⚓︎

Comme vous l'avez sans doute remarqué, les éléments HTML se délimitent par des balises. * pour l'ouverture * pour la fermeture (remarquer le "slash") Certaines balises n'ont pas besoin de fermeture, on les appellent "balises orphelines" , comme la balise break <br> qui permet de passer à la ligne.

Tout ce que l'on Ă©crira par la suite se fera entre les balises <body> et </body>

Activité⚓︎

Activite

Traiter l'Activite sur Capytale