Comment créer une page web en HTML ?
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.
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.