SNT

Tutoriel n°1 : Pour débuter en HTML

Pour voir le code HTML de cette page et trouver les quelques balises qui vous aideront à concevoir une page simple sous format HTML :

  1. Faites un clic droit sur la page.
  2. Ouvrez la fenêtre d'affichage de code de votre navigateur.

Si vous êtes sur un smartphone via Firefox (pas évident avec les autres navigateurs, vous devrez sans doute passer par une appli dédiée) :
  1. Allez en haut à gauche sur l'icone avec 3 points les uns en dessous des autres.
  2. Ouvrez "Page".
  3. Cliquez sur "Afficher le code source".

Si vous êtes sur un Mac :
  1. Faites un clic 2 doigts sur la page.
  2. Cliquez sur "Code source de la page".

Vous pouvez également appuyez sur Ctrl+U (Windows) ou ⌘-Option-U (Mac).

Comparez le code source (HTML) que vous voyez et la page affichée par votre navigateur. Cela vous permettra de comprendre comment le code fonctionne.


Voici donc quelques balises qui vous serviront à débuter en HTML :


Ecrivez du texte en italique en l'entourant de la balise "em".
Ecrivez du texte en gras avec la balise "b".
Vous pouvez également écrire du texte en gras avec la balise "strong".
Revenir à la ligne avec la balise "br".
Créer un paragraphe avec la balise "p".
Créer des titres avec les balises "h1", "h2", "h3", etc. afin d'organiser votre document.
Concevoir des cases à cocher :
Bleu
Jaune
Rouge
Faire référence à un site Lien vers le site Fabeps.
Concevoir un bouton qui réagira si vous cliquez dessus :

Créer une liste d'éléments :

Liste non ordonnée :

Liste ordonnée :

  1. Pierre
  2. Paul
  3. Jacques

Concevoir un tableau à double entrée :


 
Titre tableau
Travaux Prix (à l’heure)
Plomberie 40 €
Electricité 35 €
Terrassement 45 €