Lycée   >   Seconde   >   SNT   >   Le langage HTML et les balises

Le langage HTML et les balises

  • Fiche de cours
  • Quiz
  • Profs en ligne
Objectifs
  • 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.
Points clés
  • 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.
Pour bien comprendre
  • 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
1. Le langage HTML

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.

Le langage de programmation HTML est utilisé pour créer des pages web. L’acronyme HTML signifie HyperText Markup Language, ce qui signifie en français « langage de balisage d’hypertexte ».

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.

Exemples d’éditeurs : Brackets sur PC, Jsfiddle en ligne.
Exemple 1
 Exemple 2
2. Les balises
Les balises sont utilisées pour décrire la structure d’un document.
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>
Remarques
  • 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.

Comment as-tu trouvé ce cours ?

Évalue ce cours !

 

Question 1/5

La médiane de 6 notes est 13. Cela signifie que :

Question 2/5

On a obtenu la série statistique suivante :

Combien vaut la médiane ?

Question 3/5

On a obtenu la série ci-dessous :

Quelle est la médiane de cette série ?

Question 4/5

On a relevé les tailles en cm des élèves d’une classe :

 

Parmi les propositions suivantes, laquelle est vraie ?

Question 5/5

Les notes en français de deux classes littéraires sont données dans le tableau suivant :

Quelle est la note médiane ?

Vous avez obtenu75%de bonnes réponses !

Recevez l'intégralité des bonnes réponses ainsi que les rappels de cours associés :

Votre adresse e-mail sera exclusivement utilisée pour vous envoyer notre newsletter. Vous pourrez vous désinscrire à tout moment, à travers le lien de désinscription présent dans chaque newsletter. Pour en savoir plus sur la gestion de vos données personnelles et pour exercer vos droits, vous pouvez consulter notre charte.

Une erreur s'est produite, veuillez ré-essayer

Consultez votre boite email, vous y trouverez vos résultats de quiz!

Découvrez le soutien scolaire en ligne avec myMaxicours

Le service propose une plateforme de contenus interactifs, ludiques et variés pour les élèves du CP à la Terminale. Nous proposons des univers adaptés aux tranches d'âge afin de favoriser la concentration, encourager et motiver quel que soit le niveau. Nous souhaitons que chacun se sente bien pour apprendre et progresser en toute sérénité ! 

Fiches de cours les plus recherchées

SNT

Mettre en forme un texte avec des balises HTML

SNT

Insérer un média avec des balises HTML

SNT

Lire un fichier HTML ou HTM

SNT

Éditer une page HTML avec différents outils

SNT

Le langage CSS et les sélecteurs

SNT

Changer la couleur avec des sélecteurs CSS

SNT

L'URL

SNT

La requête HTTP

SNT

Le modèle client/serveur

SNT

Télécharger une page web sur un serveur