Galactic Civilizations 3
Programmer en html - Les paragraphes

Programmer en html - Les paragraphes

Catégorie: Javascript.
Posté par le 01/05/2014.
Dernière mise à jour le 14/05/2014.

<<Tutoriel précédent    Tutoriel suivant>>

Description

Dans ce tutoriel, vous apprendrez comment créer des paragraphes afin que votre page web ait une structure correcte.

Introduction

Ce tutoriel peut être réalisé à l'aide d'un simple éditeur de texte comme le « bloc notes ». Il ne nécessite aucun prérequis.

Les paragraphes

Maintenant que nous avons la structure de base d'un document html, nous pouvons nous amuser un peu avec le contenu.

Retournez à votre éditeur de texte et ajoutez une ligne à votre page « tutorielsenfolie.html »:

tutorielsenfolie.html

<!DOCTYPE html>
<html>
<head>
    <title>
Ma jolie page Web</title>
</head>
<body>
    <h1>
Titre du fichier html</h1>
    <h2>
Mon sous-titre</h2>
    Voici ma premi&egrave;re page Web.
    Deuxi&egrave;me ligne.
</body>
</html>

Afficher le document html dans votre navigateur. Ce n'est pas vraiment ce que vous espériez, pas vrai?

C'est parce que le navigateur ne prend pas en compte le retour à la ligne, les tabulations ou les espaces.

Si vous voulez faire apparaitre deux paragraphes, vous devez utiliser les balises « p ».
Voici un exemple:

<p>Voici ma premi&egrave;re page Web.</p>
<p>Deuxi&egrave;me ligne.</p>

Les deux lignes apparaissent maintenant sur deux lignes parce que le navigateur les reconnaît comme étant des paragraphes distincts.

NB: Si vous voulez faire apparaitre des espaces, vous pouvez utiliser le caractère « &nbsp; ».

Accentuation

Vous pouvez insister sur l'importance de certaine partie du texte à l'aide des balises « em » (important) et « strong » (importance forte).

<p> Ce tutoriel vraiment <em>tr&egrave;s passionnant</em>. <strong>Attention:</strong> ce chapitre est important.</p>

Traditionnellement, les navigateurs affichent la balise « em » en italique et « strong » en gras par défaut, car rappelez-vous que l'html n'est pas là pour la présentation (c'est le CSS).

Les sauts de ligne

La balise html de saut de ligne peut également être utilisée pour des lignes séparées comme ceci:

Voici la premi&egrave;re ligne de mon texte<br/>
Et ici, il y a la suite

Il n'y a pas de contenu impliqué dans la rupture des lignes. C'est pour cela qu'il n'y a pas de balise de fermeture.

NB: Il pourrait être tentant d'utiliser tout le temps les sauts de ligne « <br/> ». Mais cette balise html ne doit pas être utilisée si deux blocs de texte sont destinés à être séparés l'un de l'autre. Dans ce cas il vaut mieux utiliser la balise html « p ».

La suite de ce tutoriel vous expliquera comment ajouter des listes dans votre page web.

Tu as aimé ce tutoriel ?
Aide nous à améliorer le site ! Deviens partenaire officiel ou suis nous sur facebook !

<<Tutoriel précédent    Tutoriel suivant>>

Commentaires[0]

Tu as aimé ce tutoriel ? Alors partage-le avec tes amis !
Partager sur Facebook Partager sur Twitter Partager sur Myspace Partager sur Stumbleupon Soumettre sur Reddit Partager sur Digg Ajouter à vos favoris Technorati Ajouter à vos favoris Live Ajouter à vos favoris Google Ajouter sur vos favoris Yahoo Voir le flux rss

Mots Clés: html HTML5 Programmer en html web

Veve :
(11/04/2013 - 17:19:44)
il faut juste mettre "sudo" à la place de "su" pour exécuter la commande en root

Veve :
(11/04/2013 - 17:18:56)
Salut tu peux aller lire ce tutoriel: http://www.tutorielsenfolie.com/tutoriels-63-installation-configuration-opennebula.html Il fonctionne aussi sous ubuntu

safa.souissi4 :
(10/04/2013 - 20:58:13)
s'il vous plait c urgent :(

safa.souissi4 :
(10/04/2013 - 20:56:25)
bonsoir,je cherche un tutos pour installer opennebula.org sous ubuntu 12.

Veve :
(18/03/2013 - 20:07:49)
oui, j'essaye de voir d'ou viens le problème.

sonde :
(18/03/2013 - 13:29:57)
re merci (j apprend un peu plus) je crois que j ai trouver pourquoi je peu pas poster si il y a ligne code impossible de poster lol

Veve :
(17/03/2013 - 21:34:49)
Salut, j'espère que ça t'a aidé.

sonde :
(17/03/2013 - 09:59:02)
pour ton aide

sonde :
(17/03/2013 - 09:57:36)
slt Veve impossible de laisser com

sonde :
(17/03/2013 - 09:56:55)
??

Demi-dieu :
(15/03/2013 - 18:41:13)
salut ^^

sonde :
(13/03/2013 - 14:49:35)
un petit coucou

Tanamoureuse :
(29/09/2011 - 06:11:08)
Je t'aime

Faire un don

Ma Publicité ici


Faire un don