Comment créer une page Web statique

S'il y a bien une invention qui a complètement changé le monde de notre vivant, c'est bien Internet. De plus en plus de gens veulent une présence sur le Web au-delà de celle offerte par les réseaux sociaux :ils veulent un espace Web bien à eux. Les principaux sites Web deviennent de plus en plus complexes et utilisent un jargon intimidant pour les débutants tels que Flash, CSS, perl et JavaScript, mais n'ayez crainte. Quatre lettres simples peuvent permettre à n'importe qui d'acquérir une présence sur le Web en un rien de temps :HTML. Les lettres représentent le langage de balisage hypertexte, un langage de programmation qui utilise une série de balises pour créer une page Web statique. Plus vous connaissez de balises, plus vous pouvez en faire avec une page Web statique.

Étape 1

Créez le squelette de base d'une page Web statique en copiant le code suivant dans un simple éditeur de texte, tel que le Bloc-notes :

Enregistrez ensuite le fichier sous index.html (le nom de la page principale par défaut) et ouvrez-le dans votre navigateur. Vous ne devriez rien voir car vous avez créé une page Web vierge.

Toutes ces balises ont une signification. Le

La balise indique au navigateur qu'une page Web s'affiche. est l'endroit où toutes sortes d'informations peuvent aller pour les moteurs de recherche. signifie que la partie que les gens verront est sur le point de commencer.

Étape 2

Considérez HTML comme deux principaux types de balises (des morceaux de code entre parenthèses). L'un dit au navigateur de commencer à faire quelque chose, et un autre lui dit d'arrêter.

Mettez ce texte en gras

Tout ce qui suit -- la balise d'ouverture -- sera en gras jusqu'à ce qu'il atteigne -- la balise fermante. Le "/" indique au navigateur de s'arrêter.

Étape 3

Ajoutez du texte à votre page Web. Tapez "Ceci est ma page Web" dans le corps de la page Web, entre

et . Enregistrez la page et consultez-la dans le navigateur. Le résultat est sympa mais pas trop excitant. Essayez quelques autres balises pour le pimenter. Par exemple, met le texte en gras ; met le texte en italique ; vous permet de changer la taille de la police, de 1 (la plus petite) à 6 (la plus grande) ; rend le texte rouge (ou toute autre couleur que vous entrez); centre le texte (ou une image) sur la page.

Essayez d'utiliser plusieurs de ces balises sur le même bloc de texte. Vous pouvez faire n'importe quelle combinaison que vous voulez.

Vous pouvez également ajouter de l'espace entre les éléments de votre page en plaçant ce qui suit entre eux :

pour un saut de paragraphe ;
pour un saut de ligne ; pour créer une rupture avec une ligne sur la page Web.

Étape 4

Ajoutez des images à votre page. Faites cela en utilisant la balise , et remplacez l'adresse Web dans cet exemple par l'emplacement de l'image que vous souhaitez utiliser. C'est l'une des rares balises qui n'a pas de balise de fin. Les images peuvent également être centrées, tout comme le texte.

Étape 5

Créer un lien vers un autre site Web. Cela se fait avec la balise Cliquez ici. Ce code fait des mots "Cliquez ici" le lien vers un autre site Web. Au lieu de texte, vous pouvez utiliser une image comme lien en utilisant le code .

Astuce

En utilisant ces codes HTML ensemble, vous pouvez créer des pages Web statiques de la complexité de votre choix.

Considérez les balises HTML comme des boîtes dans des boîtes, ou ces poupées russes. C'est ce qu'on appelle l'imbrication, et cela permet de garder tout propre et facile à lire. Par exemple, le texte placé entre sera en gras, en italique et centré. Le