Comment créer une page web en HTML ?

Posté par: Edouard Leger Classé dans: HTML Le: Vue(s): 23
Le:

Petit tutoriel pour créer une page web en HTML

Dans ce tutoriel nous utiliserons l'éditeur Tiny pour rédiger notre code en HTML, à savoir que le choix de l'éditeur n'a aucune importance, c'est simplement par préférence. Il existe également le logiciel BlueGriffon qui est excellent pour enregistrer votre travail.

 

Créer sa première page web HTML

La première étape consiste à créer le fichier HTML avec l'extension.html, par exemple accueil.html.

 

Vous pouvez créer votre fichier HTML de la manière suivante :

  • Ouvrez le bloc note
  • Créez un nouveau fichier (accueil par exemple)
  • Enregistrez-le puis modifier l'extension en .html

 

Structurer sa page web HTML5

La seconde étape consiste à structurer votre page web avec des balises tel que <head>, <body>, <html>, ... ces balises sont utilisées par paire avec une ouverture et une fermeture pour encadrer votre contenu.

 

Exemple d'une page web en HTML5

<!DOCTYPE html>

<html lang="fr">

<head>

<meta charset="utf-8" />

<body>

<title>Titre</title>

<h1> Créer une page web en HTML5 </h1>

<h2> Sous-titre</h2>

<h3>Sous sous-titre </h3>

<p>Résumé, ...</p>

</head>

</body>

</html>

 

Important, vous devez toujours placer le contenu de votre page entre les balises <body> et </body>.

Les balises respectent toujours un ordre d'ouverture et de fermeture exemple <head> et </head>

 

<!DOCTYPE html>

Cette balise est extrêmement importante puisqu'elle indique aux navigateurs que votre fichier est en HTML, elle doit être inclue en tout premier !

 

Les commentaires d'une page web HTML

Les commentaires dans votre page HTML sont utiles pour vous aider à comprendre l'utilité de tel ou tel section de la page. Les commentaires sont à rédiger entre deux balises qui sont <!-- votre commentaire (balise d'ouverture) et --> pour la balise de fermeture.

Ils sont indispensables pour vous aider à vous y retrouver !

 

Les balises "H1, H2, H3" et balises "p"

Ce sont des éléments HTML qui permettent de structurer le contenu du page web.

Les balises de type Hn permettent de définir un titre et un sous-titre, tandis que la balise p correspond à un paragraphe de votre page web.

 

Pour aller plus loin vous pouvez utiliser le site Layoutit.com qui permet de créer des mises en page avec du code HTML.

Page web HTML5- agence web reims

La création d'un site internet est complexe, si vous n'avez pas le temps d'apprendre le langage HTML, n'hésitez pas à contacter notre agence web à Reims en champagne-ardenne pour vous créer de magnifique mise en page en HTML5.

Dans la même catégorie

Dans le même contexte