Fiche de cours

Mettre en forme un texte avec des balises HTML

Lycée   >   Seconde   >   SNT   >   Mettre en forme un texte avec des balises HTML

  • Fiche de cours
  • Quiz et exercices
  • Vidéos et podcasts
Objectifs
  • Savoir insérer du texte dans un document HTML.
  • Savoir créer des liens entre les pages web.
  • Connaitre la notion de formatage d’un texte en HTML.
Points clés
  • À partir d’un éditeur de texte, on peut créer le corps d’un document web à l’aide de balises HTML, afin d’y ajouter du texte que l’on peut alors formater.
  • On peut :
    • mettre en gras ce texte ;
    • mettre en italique ce texte ;
    • souligner ce texte ;
    • augmenter ou diminuer la taille de ce texte.
Pour bien comprendre
  • Connaitre la notion de structure de base d’un fichier HTML
  • Connaitre la notion de balise HTML
  • Savoir utiliser un navigateur pour visualiser le contenu d’un fichier source HTML
1. Rappel

Le langage HTML est un langage de « balisage », c’est-à-dire qu’il nécessite l’utilisation de balises qui permettent d’indiquer comment va être présenté un document. Il permet également d’établir des liens avec d’autres documents.

2. Structurer un texte

Certaines balises permettent de définir la structure du texte.

Remarques
Une balise doit toujours être entre chevrons : > et < ;

On doit toujours fermer une balise que l’on a ouverte ! Il suffit pour cela de rajouter une barre oblique après le chevron ouvrant.

Exemple
<html> (balise qui détermine le début d’un élément) et </html> (balise qui détermine la fin de ce même élément).

La structure de base d’un fichier HTML est la suivante :

<html>
   <head>
      <title>...</title>.
   </head>
   <body>
   … Taper votre texte ici
   </body>
</html>

Avec les balises suivantes. 

 Balises  Rôle
<html>...</html> Balise qui délimite le début et la fin d’un fichier HTML.
<head>...</head> Balise qui permet l’intégration de l’en-tête d’un fichier HTML.
<title>...</title> Balise qui permet l’intégration du titre d’un fichier HTML : ce titre apparait dans l'onglet du navigateur.
<body>...</body> Balise qui permet l’intégration du corps (contenu principal) du document HTML.
Remarques 
La balise <head> contient tous les éléments de l’en-tête (début) du document.

L’en-tête du document doit obligatoirement contenir un titre. Il peut également contenir des scripts, des styles, des balises meta et bien plus encore.

Exemple
3. Formater un texte

Certaines balises permettent de définir la forme du texte (italique, gras, etc.).

Voici quelques balises très utilisées en HTML pour pouvoir appliquer un style sur le texte.

Balises Mise en forme des caractères
<b>...</b> Texte en gras
<em>...</em> Texte en italique
<font color=colcod>...</font> Texte en couleur
<i>...</i> Texte en italique
<strong>...</strong> Texte en gras
<sub>...</sub> Texte en indice
<sup>...</sup> Texte en exposant
<u>...</u> Texte souligné
Exemple de formatage de texte
On tape le code suivant dans l’éditeur de texte et on obtient l'affichage suivant dans l'éditeur de contenu. 

Évalue ce cours !

 

Des quiz et exercices pour mieux assimiler sa leçon

La plateforme de soutien scolaire en ligne myMaxicours propose des quiz et exercices en accompagnement de chaque fiche de cours. Les exercices permettent de vérifier si la leçon est bien comprise ou s’il reste encore des notions à revoir.

S’abonner

 

Des exercices variés pour ne pas s’ennuyer

Les exercices se déclinent sous toutes leurs formes sur myMaxicours ! Selon la matière et la classe étudiées, retrouvez des dictées, des mots à relier ou encore des phrases à compléter, mais aussi des textes à trous et bien d’autres formats !

Dans les classes de primaire, l’accent est mis sur des exercices illustrés très ludiques pour motiver les plus jeunes.

S’abonner

 

Des quiz pour une évaluation en direct

Les quiz et exercices permettent d’avoir un retour immédiat sur la bonne compréhension du cours. Une fois toutes les réponses communiquées, le résultat s’affiche à l’écran et permet à l’élève de se situer immédiatement.

myMaxicours offre des solutions efficaces de révision grâce aux fiches de cours et aux exercices associés. L’élève se rassure pour le prochain examen en testant ses connaissances au préalable.

S’abonner

Des vidéos et des podcasts pour apprendre différemment

Certains élèves ont une mémoire visuelle quand d’autres ont plutôt une mémoire auditive. myMaxicours s’adapte à tous les enfants et adolescents pour leur proposer un apprentissage serein et efficace.

Découvrez de nombreuses vidéos et podcasts en complément des fiches de cours et des exercices pour une année scolaire au top !

S’abonner

 

Des podcasts pour les révisions

La plateforme de soutien scolaire en ligne myMaxicours propose des podcasts de révision pour toutes les classes à examen : troisième, première et terminale.

Les ados peuvent écouter les différents cours afin de mieux les mémoriser en préparation de leurs examens. Des fiches de cours de différentes matières sont disponibles en podcasts ainsi qu’une préparation au grand oral avec de nombreux conseils pratiques.

S’abonner

 

Des vidéos de cours pour comprendre en image

Des vidéos de cours illustrent les notions principales à retenir et complètent les fiches de cours. De quoi réviser sa prochaine évaluation ou son prochain examen en toute confiance !

S’abonner

Découvrez le soutien scolaire en ligne avec myMaxicours

Plongez dans l'univers de myMaxicours et découvrez une approche innovante du soutien scolaire en ligne, conçue pour captiver et éduquer les élèves de CP à la terminale. Notre plateforme se distingue par une riche sélection de contenus interactifs et ludiques, élaborés pour stimuler la concentration et la motivation à travers des parcours d'apprentissage adaptés à chaque tranche d'âge. Chez myMaxicours, nous croyons en une éducation où chaque élève trouve sa place, progresse à son rythme et développe sa confiance en soi dans un environnement bienveillant.

Profitez d'un accès direct à nos Profs en ligne pour une assistance personnalisée, ou explorez nos exercices et corrigés pour renforcer vos connaissances. Notre assistance scolaire en ligne est conçue pour vous accompagner à chaque étape de votre parcours éducatif, tandis que nos vidéos et fiches de cours offrent des explications claires et concises sur une multitude de sujets. Avec myMaxicours, avancez sereinement sur le chemin de la réussite scolaire, armé des meilleurs outils et du soutien de professionnels dédiés à votre épanouissement académique.

Fiches de cours les plus recherchées

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

SNT

L'usage des réseaux sociaux