Veuillez vous connecter à votre compte.
HTML C'EST QUOI?
Le langage HTML a été créer par un certain Tim Berners-Lee en 1999. HTML (HyperTexte Markup Langage) a fait son appariton en 1991 dès le lancement du web . Son rôle est de géré et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : texte ,images , liens...
CSS ( cascading style sheet ). Son rôle est de géré l'apparence de la page web: positionnement , couleurs, texture , ... Il est venu complété le HTML en 1996.
QUELS SONT LES EDITEURS POUR CODER AVEC HTML?
Avec le bloc notes de son ordinateur on peut commencer à coder mais prenons une chose plus idéale c'est le cas de Sublime Text 3 qui est téléchargeable sur son PC.
Installer sous sons ordinateurs?
1-Allez sur votre navigateur et recherchez Sublime Text 3 et cliquer sur le premier lien du recherche.
2-Cliquer sur le bouton download en haut en gauche
3-Le téléchargement terminée, exécuter le logiciel et s'est fini.
Comment installer un éditeur à partir de son téléphone?
1-Ouvrez l'application playStore
2-Ensuite recherchez Treb Edit et installer l'application
3-Ouvrez l'application et cliquer sur le menu > Espaces de travail > cliquer sur l'icône de plus + en bas à droite > et créer un nouveau dossier.
4-Entrez sur le dossier et créer un fichier test.html
5-*Attention! un fichier en HTML ce termine par ".html"
Premier pas avec HTML
**Structure de base d'une page HTML**
<!DOCTYPE html><html lang="fr"><head> <meta charset="UTF-8"> <title>Titre de la page</title> </head> <body></body></html>
Je vous explique un peut:
👉<!DOCTYPE html> : la toute première ligne s'appelle le doctype et est indispensable car c'est elle qui indique qu'il s'agit bien d'une page web html
👉L'en-tête <head> : cette section donne des infos générales sur la page comme son titre, l'encodage (pour géré les caractères spéciaux). Ces informations ne sont pas affichés sur la page mais néanmoins elles restent importante.
👉Le corps <body>: c'est la partie principale de la page. Tout ce que nous écrivons ici s'affichera sur la page.
👉 <meta Charest="UTF-8"> : cette balise indique l'encodage utiliser dans votre fichier html.
Je précise qu'il existe d'autres encodage tel que ISO-8859-1 , OEM 775, etc
👉<title> : c'est le titre de la page . Toute page doit avoir un titre qui décrit en bref le contenu. Elle s'affiche dans l'onglet du navigateur
Les paragrahes:
Pour insérer du texte sur une page web on utilise des paragraphes. Le langage HTML propose la balise <p> pour délimiter les paragraphes.
Exemple : <p>Voici mon premier page en HTML</p>
<p> signifie début du paragraphe
</p> signifie fin du paragraphe
Notez que ceci doit être inséré a l'intérieur de la balise <body></body>
Ça nous donne ça à la fin.
Les balises de titre:
<!DOCTYPE html><html lang="fr"><head> <meta charset="UTF-8"> <title>Titre de la page</title></head><body> <h1>Plus grande</h1> <h2>grande</h2> <h3>Moyen</h3> <h4>Normal</h4> <h5>Petit</h5> <h6>Plus petite</h6> <p>Mon premier page en HTML</p>
</body></html>
En HTML on à 6 balise pour illustrer les titres. Ce sont:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Attention ne confondez pas la balise <title> qui affiche le titre de la page dans l'onglet du navigateur avec la balise <h1>
C'est tous les amis et si vous avez mal compris regardez ce petit vidéo de 03 minutes:
![Apprendre le langage HTML [Partie 1/ les bases] + vidéos](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sG0FQQOyBaVVhS4yMvlxKwySooz9N0crDild4PPNqP0m5VWAuIPiyQI_K0_wT2RqbLfzGyprued74KWFzuCZ_Q98ERtGNMkHdRNzlYY7NQ2d6Sg89B_UyGcs2A7-YmWJZMAAy7Y2jlX_wx=w200-h200-p-k-no-nu)