Top Ad unit 728 × 90

HTML (1) : Introduction

Langage HTML (1) : Introduction

Catégorie de cours : Programmation informatique, Développement Web
Sujet de cours : Langage HTML (1) : Introduction

Langage HTML (Hyper Text Markup Language)

C'est un langage de balisage qui permet de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, des formulaires de saisie, et des programmes informatiques .



Qu'est ce qu'un fichier HTML ? 

  • Un fichier HTML contient des balises ; indique au navigateur comment afficher la page .
  • Extension de fichier : htm ou html .
  • Tous les navigateurs peuvent lire le contenue d'un fichier HTML.
  • Pour créer un fichier HTML, nous avons besoin d'un éditeur HTML.


Quelques balises HTML

<html> : Obligatoire au début et à la fin du fichier HTML
<head> : En-tête d'un fichier HTML (encadre les balises <title>, <meta> et <base>).
<title>  : Pour déclarer le titre de la page.
<body>: Encadre le corps d'un fichier HTML.
<b> ou <strong> : Mettre un texte en gras .
<i> : Mettre un texte en italique .
<u>: Souligner un texte .
Nous allons découvrir toutes les balises dans les prochains cours !


Règles et conditions 

  • Le fichier html doit êtres commencer et terminer avec la balise <html> .
  • Chaque page HTML doit avoir un titre en utilisant la balise <title>.....</title> .
  • Le contenue de la page doit êtres écrit dans la balise <body>....</body>
  • On doit respecter l'ordre : html -> head -> title -> body
  • Chaque balise doit être fermé, exemple : <html> ......</html>


A quoi sert un fichier HTML, en pratique !? 

Pour bâtir une maison, on a besoin d'un plan! et pour le cas d'un site, on besoin aussi d'un plan, c'est le Squelette HTML ! ce dernier donne la structure générale de notre site web .
Pour créer un site avec ces critères là (regarder la photo), on doit respecter plusieurs choses : l'ordre des balises, la taille de chaque élément (pixel..).

Langage HTML (1) : Introduction
Avant de penser de mettre un peu de maquillage (css) sur votre page HTML, on doit d'abord créer une forme pour notre site et pour réaliser ça, bien sur on se base sur le langage HTML !
Voyez-vous l'importance de ce langage ?


Créer son propre fichier HTML 

Pour créer un fichier HTML, vous avez besoin d'un éditeur HTML comme  NotePad++ ou SubLime.
Ecriver ce code dans votre page "NotePad++"

<html>
      <head>
                <title>Titre de la page</title>
      </head>
  <body>
      Premier exemple de page HTML. <b>Ce texte est en gras.</b>
  </body>
</html>
Enregistrez le fichier, mais n'oubliez pas de changer l'extension à .html !

 Résultat  

Langage HTML (1) : Introduction

Passer au suivant : 

HTML (2) : Traitement de texte




HTML (1) : Introduction Reviewed by Reda on 13:35 Rating: 5
All Rights Reserved by MB5 © 2015 - 2016
Designed by SaSaThemes

Formulaire de contact

Nom

E-mail *

Message *

Fourni par Blogger.