 |
 |
 |
 |
 |
 |
 |
Qu'est ce que le HTML? ( Hyper Text Markup Language)
Langage de programmation web afin de créér des pages web, il s'agit du plus simple des langages web et peut être appris facilement par tous. Un document HTML est composé de texte et de commandes ( tag en anglais ). Ces commandes permettent de mettre en forme le texte (Titre, caractère gras, italique, image, liens, etc...).
Langage de programmation web afin de créér des pages web, il s'agit du plus simple des langages web et peut être appris facilement par tous. Un document HTML est composé de texte et de commandes ( tag en anglais ). Ces commandes permettent de mettre en forme le texte (Titre, caractère gras, italique, image, liens, etc...).
Avantages de HTML?
Un document HTML peut être affiché sur n'importe quel type d'ordinateur, notamment un Macintosh ou un poste compatible IBM, c'est un langage standard.
Il est facile d'apprendre le HTML pour tout le monde ( notamment pour les particuliers) et dans un temps très rapide.
Les bases du HTML:
- Les balises:
Chaque balise represente une instruction (exemple: mettre en gras, italique,..) , encadrée par des < > . La plupart d'entre elles se présente sous la forme d'une balise d'ouverture et d'une de fermeture, qui affectent le texte situé entre elles. La balise de fermeture inclue une barre oblique ( / ).
Exemple: pour mettre en gras : balise de début <b> , balise de fin </b>
Attention certaines balises n'ont qu'une balise d'ouverture!
Exemple: pour sauter une ligne <br> (pas de fin de saut de ligne)
- Attributs:
Certaines balises possèdent des attributs qui offrent diverses options. Il est possible d'avoir plusieurs attributs, l'ordre dans lequel ils sont écrits n'a pas d'importance. Si un attribut a une valeur, elle est écrite à la suite de l'attribut et est introduite par le signe =.
Exemple: ouvrir un site dans une nouvelle fenêtre
target et href sont des attributs, des options.
Voila vous savez tout ce qu'il faut pour passer à la suite de notre cours! Il sera divisé en plusieurs parties qui vous apprendront par exemple dans une première partie les balises et attributs d'en tête , dans une autre les balises et attributs des liens , ...
Un document HTML peut être affiché sur n'importe quel type d'ordinateur, notamment un Macintosh ou un poste compatible IBM, c'est un langage standard.
Il est facile d'apprendre le HTML pour tout le monde ( notamment pour les particuliers) et dans un temps très rapide.
Les bases du HTML:
- Les balises:
Chaque balise represente une instruction (exemple: mettre en gras, italique,..) , encadrée par des < > . La plupart d'entre elles se présente sous la forme d'une balise d'ouverture et d'une de fermeture, qui affectent le texte situé entre elles. La balise de fermeture inclue une barre oblique ( / ).
Exemple: pour mettre en gras : balise de début <b> , balise de fin </b>
Attention certaines balises n'ont qu'une balise d'ouverture!
Exemple: pour sauter une ligne <br> (pas de fin de saut de ligne)
- Attributs:
Certaines balises possèdent des attributs qui offrent diverses options. Il est possible d'avoir plusieurs attributs, l'ordre dans lequel ils sont écrits n'a pas d'importance. Si un attribut a une valeur, elle est écrite à la suite de l'attribut et est introduite par le signe =.
Exemple: ouvrir un site dans une nouvelle fenêtre
| Code |
|
<a href="iciyatou.com" target="_blank">Cliquez ici</a> pour savoir....!! |
target et href sont des attributs, des options.
Voila vous savez tout ce qu'il faut pour passer à la suite de notre cours! Il sera divisé en plusieurs parties qui vous apprendront par exemple dans une première partie les balises et attributs d'en tête , dans une autre les balises et attributs des liens , ...
Dans HTML, il y a le mot anglais "Markup" soit "balise". Une balise (que l'on nome aussi "tag" en anglais) est un ensemble de caractères qui sera entouré d'un signe infèrieur "<" et d'un signe supèrieur ">". Les balises fonctionnent souvent par paire. Une balise d'ouverture que l'on écrit "<balise>", et la balise de fermeture qui s'écrit "</balise>". Le "/" sert donc à fermer une instruction.
Imaginez que vous vouliez écrire un mot en gras dans une phrase. Cela donnerait à peu près ça : Cette partie du texte est normale mais ici on écrit en <ouvrir_gras>gras</fermer_gras> et ici à nouveau en normal. Soit :
| texte <balise>texte</balise> texte |
Exemple avec la balise strong (gras):
Découvrez <strong>iciyatou;)</strong> sur le net
Les balises peuvent être accompagnées d'un ou plusieurs attributs supplémentaires qui auront alors des arguments:
| <balise attribut="argument">texte</balise> |
Exemple avec la balise p (pour paragraphe) et son attribut align (pour alignement):
<p align="center">texte dans un paragraphe</p>
Autre exemple avec la balise span (petit conteneur) et l'attribut style:
<span style="font-family:verdana;">texte en verdana</span>
A noter que les balises s'enchaînent comme les boucles de programmes, c'est à dire que l'on va trouver une paire de balises à l'intérieur d'une autre paire de balises.
Soit <balise1><balise2>texte</balise2></balise1>
Exemple: <p><strong>Texte en gras dans un paragraphe</strong></p>
apres cette courtce intro;) ....voila donc les balise spéciales du html
cliquez sur l'image pour continue le super cours de "html" dans iciyatou
