Les balises HTML :
Certains languages comme le HTML utilisent un système de balisage pour le formatage et la présentation des documents. Pour le language HTML les balises sont délimitées par les caractères < et > comme ceci :
<Nom_de_la_balise>, ainsi la balise de titre "TITLE" s'écrit : <title> ou <TITLE> ou encore <Title>
A part quelques rares balises comme <br> (saut de ligne), chaque balise <Nom_de_la_balise> doit être fermée par sa balise fermante, de la forme : </Nom_de_la_balise>. On remarque ici le caractère / (Slash) qui précéde le nom de la balise. Le titre d'un document HTML s'écrit alors comme ceci :
<title>Ici le texte du titre du document</title>
On commence par la balise (ouvrante), puis le texte auquel s'applique cette balise, ce texte peut s'étaler sur plusieures lignes, et enfin on finit par la balise fermante (même balise avec un slash devant le nom).
Certaines balises peuvent inclures des attributs ou propriétés, par exemple le paragraphe suivant :
<p align="center">Ici le texte du paragraphe</p>
indique au navigateur que le texte de ce paragraphe, (tout le texte inséré entre les deux balise ouvrante et fermante), doit être centré. On remarque que la balise fermante </p> ne contient que le nom de la balise "p" et pas la propriété d'alignement "align".
 

Les images :
Il existe plusieures formats d'images que l'on reconnaît par leurs extensions, comme bmp (bitmap), gif, jpeg, ou les formats propriétaires comme wmf ou png qui sont à éviter.
Les formats les plus adaptés et plus utilisés pour le web sont : les gif et les jpg ( jpeg ).

Les images gif sont plus légères et donc plus rapides à charger mais sont de moins bonne qualité. Il sont souvent utilisés pour les dessins ou les clip-arts.
Autre avantage des gif est qu'ils permettent l'encapsulation de plusieures images superposées pour faire des images animées comme les bandeaux publicitaires.

Les images jpeg sont aussi assez légères et possèdes une meilleure résolution, donc une meilleure qualité et c'est pourquoi c'est le format le plus utilisée pour des images comme les photos.

Les images ne sont pas directement incluses dans un document html, seulement une balise <img> doit se trouver à l'emplacement où doit être affichée l'image qui, elle, se trouve dans un fichier séparé. La balise <img> doit contenir au moins l'attribut "src" (source) qui indique au navigateur le nom et l'emplacement du fichier où est stockée l'image. Par exemple :
<img src="mesimages/photo1.jpeg"> signale au navigateur que l'image à afficher est stockée dans le fichier "photo1.jpeg", donc de format jpeg, et que le fichier lui même se trouve dans le répertoire "mesimages".

Ces attributs sont les plus importants dans un document, mais ils en existent d'autres qui seront présentés dans de prochaines chapitres.
L'attribut "src" est obligatoire, width et height permettent au navigateur de réserver l'emplacement de l'image avant la fin de son chargement et donc d'accélèrer l'affichage. Border permet de dessiner ou non (border="0") un cadre autour de l'image et alt permet d'afficher un texte à l'emplacement de l'image en cas ou il n'aurait pas possible de la charger, il sert aussi aux non voyants pour se faire une idée de l'image.