Le langage HTML et les balises
- Fiche de cours
- Quiz
- Profs en ligne
- Videos
- Application mobile
- Découvrir le langage HTML.
- Connaitre la notion de Corps du programme HTML.
- Connaitre les principales balises HTML permettant d’insérer du texte, des images, du son et de la vidéo dans une page web.
- Savoir coder le langage HTML en ligne.
- La structure d’un document HTML peut se
résumer à :
<html>
<head>
…
<head>
…
</html> - Il est toutefois nécessaire d’utiliser
d’autres balises dans le code pour :
- afficher un texte aux différents formats : style, taille (polices, gras, souligné, etc.) ;
- appliquer une couleur au texte ;
- afficher une image, une vidéo ou un son.
- Savoir utiliser un éditeur de texte
- Savoir entrer l’adresse symbolique dans un navigateur
- Connaitre l’extension MP3 pour les fichiers audio
- Connaitre l’extension MP4 pour les fichiers vidéos
Le langage HTML est à la base de tout développement web : il s’agit d’un langage de programmation, qui nécessite un navigateur pour afficher des pages web.
On peut développer des pages HTML grâce à des éditeurs WYSIWYG (« What you see is what you get », littéralement « Ce que tu vois est ce que tu obtiens »). Ceux-ci permettent de créer un site web sans avoir à entrer du code manuellement. Il s’agit de choisir parmi les fonctionnalités que proposent le logiciel, et c’est ce dernier qui va se charger de convertir en code HTML, en arrière-plan. De fait, le texte qui apparaît à l’écran dans l’éditeur est un aperçu fidèle du rendu final.
Les balises présentent les informations dans la page web en indiquant au navigateur comment afficher le document, mais aussi les liens qu’il établit avec d’autres documents.
Certaines balises permettent l’intégration d’images, de sons, ou encore de vidéos, à l’intérieur du texte de la page :
- pour le son : <audio src="son.mp3" controls></audio>
- pour la vidéo : <video src="video.mp4" width="400" height="300" controls></video>
- Le format MP3 est un format audio alors que le format MP4 est un format vidéo.
- Les attributs width (ou largeur) et height (ou hauteur) correspondent à la taille de l’image que l’on veut intégrer.
Vous avez obtenu75%de bonnes réponses !