Comment Créer Une Page Web

Table des matières:

Comment Créer Une Page Web
Comment Créer Une Page Web

Vidéo: Comment Créer Une Page Web

Vidéo: Comment Créer Une Page Web
Vidéo: 1. HTML et CSS - Débutant 100%: créer sa 1ère Page Web ! 2024, Peut
Anonim

Chacun de nous va en ligne comme dans l'espace - nous voulons d'abord voir "comment ça va?", Ensuite nous voulons inspecter autant de tout ce qui est là, et puis il y a un désir de laisser quelque chose qui nous est propre - juste "des graffitis sur les murs", mais quelque chose de plus substantiel. Vous pouvez commencer par créer une page Web simple - voici un guide étape par étape.

Comment créer une page Web
Comment créer une page Web

Il est nécessaire

Éditeur de texte

Instructions

Étape 1

Tout ce qu'un visiteur du site voit sur une page Web est recréé par le navigateur à partir des instructions envoyées par le serveur à sa demande. Ces instructions sont écrites en HTML (HyperText Markup Language) et les extensions htm et html sont mises en évidence pour les fichiers dans lesquels elles sont stockées. Vous pouvez créer un tel fichier dans un éditeur de texte standard - ce sera la première étape de la création d'une page Web. Ouvrez le Bloc-notes standard, par exemple, et créez un fichier vide nommé index.html. Lorsque vous saisissez une adresse de site Web sans spécifier de page spécifique (par exemple, la première chose que le serveur recherche est une page portant exactement ce nom - index.

Étape 2

Les instructions HTML sont appelées "balises" et chacune d'entre elles est entourée de parenthèses -. Certaines des balises sont appariées, c'est-à-dire qu'elles consistent en des balises d'ouverture et de fermeture, et des informations sont placées entre elles. Par exemple, une balise qui permet au navigateur de savoir que le code est en HTML ci-dessous est écrite comme suit: La balise de fermeture qui dit que le code HTML est terminé à ce stade est écrite comme suit: Comme vous pouvez le voir, la balise de fermeture diffère de la balise ouvrante par la présence d'un slash après la parenthèse ouvrante (</).

Étape 3

Tout le code que vous placez entre les balises et doit être divisé en deux parties: l'en-tête et le corps du document. Les balises d'ouverture et de fermeture de la partie titre sont écrites comme suit: C'est la partie "service" de la page - les informations pour le titre de la fenêtre, les mots-clés et les descriptions des robots de recherche, les descriptions des styles, les scripts, etc. Entrez le titre de la fenêtre de la page dedans: Ceci est le titre ! Le texte complet de votre page html à ce stade devrait ressembler à ceci:

C'est le titre !

Étape 4

Après la partie titre, vous devez placer des balises entre lesquelles les instructions du corps du document seront insérées: Insérez entre elles, par exemple, une balise qui affiche un paragraphe de texte sur la page:

Il y a tout un paragraphe d'informations ici!

Toutes les balises HTML ne sont pas appariées. Pour certains d'entre eux, tout ce dont vous avez besoin est placé à l'intérieur de la balise d'ouverture. Ces balises ont une barre oblique fermante avant la parenthèse fermante. Par exemple, la balise de fin de ligne et le "retour chariot"

:

La première ligne du paragraphe.

Deuxième ligne du paragraphe.

Tout cela suffit pour que le navigateur affiche votre page normalement. Tout le code html assemblé devrait ressembler à ceci:

C'est le titre !

La première ligne du paragraphe.

Deuxième ligne du paragraphe.

Ceci termine la création d'une page simple - après avoir enregistré le document (index.html), vous pouvez l'ouvrir dans un navigateur et voir votre page.

Conseillé: