Paragraphe HTML | Tutoriels de développement web

Introduction

Les paragraphes HTML sont importants lorsque vous voulez ajouter du contenu textuel à votre site web. Dans ce laboratoire étape par étape, vous allez apprendre à créer un paragraphe HTML en utilisant la balise p.

Note: Vous pouvez pratiquer la programmation dans index.html et apprendre Comment écrire du HTML dans Visual Studio Code. Cliquez sur 'Go Live' dans le coin inférieur droit pour exécuter le service web sur le port 8080. Ensuite, vous pouvez rafraîchir l'onglet Web 8080 pour prévisualiser la page web.

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL html(("HTML")) -.-> html/BasicStructureGroup(["Basic Structure"]) html(("HTML")) -.-> html/TextContentandFormattingGroup(["Text Content and Formatting"]) html(("HTML")) -.-> html/LayoutandSectioningGroup(["Layout and Sectioning"]) html/BasicStructureGroup -.-> html/basic_elems("Basic Elements") html/TextContentandFormattingGroup -.-> html/text_head("Text and Headings") html/TextContentandFormattingGroup -.-> html/para_br("Paragraphs and Line Breaks") html/LayoutandSectioningGroup -.-> html/doc_flow("Document Flow Understanding") subgraph Lab Skills html/basic_elems -.-> lab-70813{{"Créer des paragraphes HTML dans Visual Studio Code"}} html/text_head -.-> lab-70813{{"Créer des paragraphes HTML dans Visual Studio Code"}} html/para_br -.-> lab-70813{{"Créer des paragraphes HTML dans Visual Studio Code"}} html/doc_flow -.-> lab-70813{{"Créer des paragraphes HTML dans Visual Studio Code"}} end

Créer une balise de paragraphe

Tout d'abord, créez un fichier HTML nommé index.html. Vous pouvez utiliser n'importe quel éditeur de code selon vos préférences.

Créez une balise de paragraphe en ajoutant le bloc de code suivant dans la section body de votre fichier HTML.

<p>This is a HTML paragraph.</p>

Ajouter du texte au paragraphe

Ajoutez du texte au paragraphe en modifiant le bloc de code de l'étape 2 comme suit :

<p>Hello, my name is John. I am a software developer.</p>

Ajouter plusieurs paragraphes

Ajoutez plusieurs paragraphes à votre fichier HTML en répétant l'étape 2 et l'étape 3 avec différents contenus de texte. Votre bloc de code final devrait ressembler à ceci :

<body>
  <p>Hello, my name is John. I am a software developer.</p>
  <p>I love coding and creating beautiful websites.</p>
  <p>HTML and CSS are my favorite programming languages.</p>
</body>

Sommaire

Félicitations! Vous avez réussi à apprendre à créer et à ajouter du contenu textuel à des paragraphes HTML. C'est une compétence importante à avoir lors de la construction de sites web. Continuez de pratiquer et d'explorer les balises HTML pour créer des pages web dynamiques et attrayantes.