html

Pages: 13 (3131 mots) Publié le: 1 décembre 2014
Introduction au code HTML

1-Pourquoi apprendre le HTML ?
Chaque page web que vous voyez est écrite dans un langage qui s'appelle l'HTML. Voyez l'HTML comme un squelette qui donne la structure de chaque page. Dans cette leçon, nous allons utiliser l'HTML pour ajouter des paragraphes, des en-têtes, des images et des liens vers une autre page web.
Dans l'éditeur à droite se trouve un ongletappelé test.html. C'est dans ce fichier que nous allons écrire notre code HTML. Vous voyez le code délimité par des signes  ? Ca, c'est de l'HTML ! Comme tous les langages, il a sa propre syntaxe (autrement dit des règles pour communiquer avec le navigateur).
Instructions
1. A droite, nous avons le fichier test.html.
2. Changez le texte à la ligne 2 (le morceau entre  et) en y écrivant ce quevous voulez !
3. Cliquez sur Vérifier vos réponses et vous verrez à quoi ressemble le fichier test.htmldans un navigateur. Vous avez vu ça ? Les balises  mettent notre texte en gras !

2-HTML et CSS
HTML signifie HyperText Markup Language. Hypertext , en français hypertexte, signifie "texte qui inclue des liens". Vous ne le saviez peut-être pas, mais à chaque fois que vous cliquez sur un mot etque cela ouvre une nouvelle page web, vous avez cliqué sur un hypertexte !
Un markup language (en français langage de balisage) est un langage de programmation utilisé lorsque l'on veut que le texte ne soit pas juste constitué de mots figés sur une page : ce langage permet de transformer du texte en images, liens, tables, listes et bien plus ! L'HTML est le langage de balisage que nous allons doncapprendre.
Et qu'est-ce qui rend une page web attractive ? C'est le CSS pour Cascading Style Sheet (en français feuilles de style en cascade). Le CSS est en quelque sorte la peau et le maquillage qui recouvrent les os que sont l'HTML. Nous allons tout d'abord apprendre l'HTML, et par la suite nous étudierons le CSS.
La première chose à faire est de créer le squelette de la page :
a. Toujourscommencer par sur la première ligne. Cela indique au navigateur quel langage il doit lire (dans notre cas : l'HTML).
b. Toujours commencer la deuxième ligne par . C'est ce qui indique le début du document HTML.
c. Toujours mettre  sur la dernière ligne du document. C'est ce qui indique la fin du document HTML. 
Instructions
1. Ajoutez les trois lignes mentionnées ci-dessus danstest.html, quipour le moment est vide.
2. Entre la deuxième et la dernière ligne (entre le et le ), n'hésitez pas à écrire ce que vous voulez.

3-Terminologie de base
Pour en apprendre davantage sur l'HTML, parlons-en ! Vous avez déjà utilisé beaucoup utilisé les .
1. On appelle balise ce qui se trouve entre ces .
2. Les balises fonctionnent presque toujours par paires : une balise ouvrante et une balisefermante.
3. Exemple de balise ouvrante :
4. Exemple de balise fermante :
Vous pouvez comparer les balises à des parenthèses : chaque fois que vous en Du texte !

Le dernier exercice nous a appris comment organiser notre document HTML. Tout ce que nous allons écrire désormais ira entre les balises  et.
Et comme c'est en forgeant qu'on devient forgeron, encore une fois :
Instructions
1.Ajoutez la balise .
2. Ajoutez les balises ouvrantes et fermantes.
3. Entre les balises , écrivez quelque chose.
4. Cliquez ensuite sur Vérifier vos réponses pour voir apparaître ce que vous avez écrit sur le document.

4-Faites la tête
Tout ce que contiendra votre document HTML sera entre la balise ouvrante  et la balise fermante .
Tout document est constitué de deux parties : la tête (enanglais, head) du document et le corps (en anglais, body) du document. Commençons par la tête !
La tête contient toutes les informations de la page web, notamment son titre. Le titre (title) est la phrase que l'on voit sur le navigateur. Par exemple, le titre de cette page est : "Le b.a.-ba du langage HTML | Codecademy".
Instructions
Ajoutez une tête et un titre à votre page. Si vous êtes...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • HTML
  • Html
  • Html
  • Html
  • Html
  • Html
  • html
  • html

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !