ct

Chapitre 1 - Introduction et bases

Introduction

  • Html sont les initiales de Hyper Text Markup Language
  • Le html n’est pas un langage de programmation mais un langage de balisage (« markup language » en anglais), il utilise des balises pour décrire les pages web.
  • L’html fût un des premiers langages qui permet de faire des pages web.
  • Un navigateur internet lit les codes html en les transformant en page web.
  • Ce qui est bien dans le html est que l’on n’as pas besoin de programme pour l’utiliser, sauf un éditeur de texte et un navigateur internet.
  • Une balise en html est organisée comme cela :

schema-creer-balise.png

Les balises html sont souvent organisées comme ceci, mais parfois, il se peut qu’il n’y ai qu’une seul balise.

Exemple : <votre balise/>

Maintenant, nous allons analyser un code html :

schema-page-web.png

Une chose intéressante à faire quand on apprend le html est de regarder la source html d’une page web.

Etapes pour faire une page web html :

  1. Ouvrez un éditeur de texte, le bloc-notes par exemple.
  2. Puis vous allez écrire le code html de votre page web, le code que votre navigateur va transformer en une page web.
  3. Vous allez le sauvegarder en .html  ou .htm, il n’y a aucune différence
  4. Allez dans l’emplacement ou vous avez sauvegardé votre page html et ouvrez-la.
  5. Elle s’affiche dans votre navigateur par défaut ; c’est votre page web !

***Petit Conseil***

Quand vous sauvegardez votre page web puis que vous l’ouvrez,  vous n’avez aucun moyen de l’éditer, mis à pars d’afficher la source et de la copier coller puis de l’éditer. Il y a une façon beaucoup plus simple, il vous suffit de sauvegarder une fois le fichier en .txt puis une autre fois en .html ou .htm.

Créer une page web

Ouvrez le Bloc-notes de windows (ou un autre éditeur HTML) pour pouvoir copier/coller le code suivant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Creer une page html</title>
  </head>

  <body>
     Bonjour à tout le monde !!!
  </body>
</html>


Enregistrez le document avec le nom : index.html dans un dossier "votre site web" . Ajouter dans votre dossier un autre dossier nommer "images" oû vous placerai toutes vos images.

Voilà votre page de base est enregistrée.
Vous pouvez ouvrir votre navigateur internet et visualiser votre première page html.
Le seul texte qui apparaîtra sera "Quel super site Galaxie-net.com ".

Explications des balises utilisées dans votre page:

- <html> et </html> : la première balise informe votre navigateur qu'il affiche une page web. Cette balise doit être la première de votre code. La seconde est la balise de fin. Elle referme la première. Elle doit être la dernière de votre code HTML et signifie la fin de votre code HTML.

- <head> et </head> : la première ouvre l'entête de votre page. Cet entête comprend pour l'instant le titre de votre page. Cette balise est toujours placée juste après la balise <html>. La seconde, referme l'entête de votre page (remarquez encore une fois le / devant le mot entre crochets).


- <title> et </title> : la première ouvre la partie titre de votre page. Ce titre sera placé dans la barre tout au-dessus de votre navigateur. La seconde referme la première encore une fois en plaçant un / devant le mot entre crochets. La balise "title" doit être ouverte puis refermée à l'intérieur de la balise "head". C'est à dire qu'il faut que la balise "title" doit être ouverte puis refemée avant que le balise "head" ne soit refermée.


- <body> et </body> : la première ouvre le début du corps de votre document. C'est là que vous allez placer textes, images et tout ce que contiendra votre page. Cette balise doit se situer après la balise de fermeture de l'entête (=> </head>). La seconde referme la première. Tout le texte placer entre ces balises est affiché sur votre page .

4 votes. Moyenne 5.00 sur 5.