Comment créer une page Web statique

...

Internet: c'est l'endroit où il faut être.

Si une invention a complètement changé le monde de notre vivant, c'est bien Internet. De plus en plus de personnes souhaitent une présence sur le Web au-delà de celle offerte par les réseaux sociaux: elles souhaitent un espace Web qui leur soit propre. Les principaux sites Web deviennent de plus en plus complexes et utilisent un jargon intimidant pour les débutants comme Flash, CSS, perl et JavaScript, mais n'ayez crainte. Quatre lettres simples peuvent permettre à n'importe qui d'être présent 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 :

Vidéo du jour

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

Toutes ces balises ont un sens. La balise indique au navigateur qu'une page Web est à venir. 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.

Mettre ce texte en gras

Tout après -- la balise d'ouverture -- sera en gras jusqu'à ce qu'elle atteigne -- la balise de fermeture. 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 regardez-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 les éléments suivants entre eux:

pour un saut de paragraphe;
pour un saut de ligne;


pour créer une coupure avec une ligne à travers la page Web.

Étape 4

Ajoutez des images à votre page. Pour ce faire, utilisez 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 .

Conseil

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 garde tout propre et facile à lire. Par exemple, un texte placé entre

et
sera en gras, en italique et centré. Les
la boîte est à l'intérieur du boîte, qui se trouve à l'intérieur du boîte.