Advertisement
  1. Web Design
  2. HTML
Webdesign

Votre Premier Document HTML en 60 Secondes

by
Difficulty:BeginnerLength:QuickLanguages:
This post is part of a series called 60 Second Video Tutorials.
Troubleshooting WordPress in 60 Seconds
Designing for Business Goals in 60 Seconds

French (Français) translation by Yann Domingo (you can also view the original English article)

Pour un web designer, créer son premier document HTML est un moment de grande satisfaction. En 60 secondes, voici comment faire !

Plus d'informations

En savoir plus sur HTML.

60 secondes ?!

Cela fait partie d’une série de petits tutoriels vidéo sur Envato Tuts+. Notre but est de présenter une variété de sujets, chacun en 60 secondes – juste assez pour aiguiser votre appétit. N'hésitez pas à laisser vos commentaires sur cette vidéo et à nous suggérer d'autres sujets que vous souhaiteriez explorer en 60 secondes !

Sous-titres

Vous trouverez ici, le contenu du fichier “captions.sbv” qui peut être utilisé pour ajouter des sous-titres à la vidéo. Activez les sous-titres en cliquant sur le bouton Subtitles/CC du lecteur – cliquez sur l'icône des paramètres (en forme de roue dentée) pour sélectionner la langue. 

0:00:00.000,0:00:03.820
Créer son tout premier document HTML
est un moment de grande satisfaction

0:00:03.820,0:00:09.099
pour un web designer qui débute. Voici comment faire,
en 60 secondes. Tout d'abord, créez un nouveau fichier

0:00:00.000,0:00:03.820
et appelez-le index.html. Ouvrez le fichier
dans un éditeur de texte brut comme Notepad

0:00:14.820,0:00:21.779
ou idéalement, dans un éditeur de code comme Sublime Text.
Sur la première ligne, ajoutez le code doctype.

0:00:21.779,0:00:28.689
Puis, ajoutez les balises HTML ouvrante et fermante, comme
ceci. Cette barre oblique (slash) signifie qu'il s'agit

0:00:28.689,0:00:34.760
d'une balise fermante. Ensuite, ajoutez une section d'entête (head) avec ces balises. Cette section
va contenir les meta-données concernant

0:00:34.760,0:00:35.950
ce document.

0:00:35.950,0:00:40.469
Ajoutez la section body avec ces balises. Elle va
contenir les éléments qui seront affichés dans la

0:00:40.469,0:00:47.070
fenêtre du navigateur. Dans l'entête (head), ajoutez les balises de titre (title).
et tapez "mon premier document HTML"  entre.

0:00:47.070,0:00:53.699
ces balises. Dans la section body, ajoutez les balise p et tapez
"ceci est un paragraphe" à l'intérieur. Maintenant, dans un

0:00:53.699,0:00:57.850
navigateur, ouvrez votre fichier et jettez un oeil
à ce que vous venez de créer. C'est votre premier

0:00:57.850,0:01:00.170
document HTML, en 60 secondes.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.