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

Mettre en forme un texte avec des balises HTML

  • Fiche de cours
  • Quiz
  • Profs en ligne
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. 

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

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