Comment Faire Un Site Web En Html

Table des matières:

Comment Faire Un Site Web En Html
Comment Faire Un Site Web En Html

Vidéo: Comment Faire Un Site Web En Html

Vidéo: Comment Faire Un Site Web En Html
Vidéo: CREER UN SITE ? HTML/CSS #1 - LES BASES 2024, Peut
Anonim

Aujourd'hui, presque tous les sites sont créés à l'aide de systèmes de gestion de contenu - CMS. Mais il existe encore des programmeurs qui créent des pages Web à la main directement dans le langage de balisage HTML. Voulez-vous devenir l'un d'entre eux ?

Comment faire un site web en html
Comment faire un site web en html

Instructions

Étape 1

Utilisez un éditeur de texte uniquement pour éditer les fichiers html. Enregistrez les résultats dans l'encodage Unicode - vous n'aurez alors aucun problème à placer des lettres cyrilliques, latines avec des trémas, ainsi que des symboles de symboles mathématiques et physiques et des lettres grecques sur la même page en même temps.

Étape 2

Nommez tous les fichiers avec l'extension ".html" (sans les guillemets). Dans ces noms, seuls des lettres latines, des chiffres, des traits de soulignement et des tirets peuvent être utilisés, mais en aucun cas d'autres signes de ponctuation (à l'exception du point séparant le nom et l'extension) et des espaces.

Étape 3

Veillez à enregistrer la page d'accueil du site dans un fichier nommé "index.html" (sans les guillemets). Placez ce fichier dans le dossier racine de votre hébergement. C'est son contenu que le visiteur du site verra en saisissant son URL dans la barre d'adresse du navigateur sans paramètres supplémentaires. Placez le reste de la page et les fichiers image dans le même dossier.

Étape 4

Dans chaque fichier, pré-arrangez les blocs de début et de fin. Disposez-les comme indiqué sur la figure. Dans la dernière ligne du bloc QC initial - la valeur hexadécimale de la luminosité de la composante rouge de la couleur d'arrière-plan de 00 à FF, - la même chose pour la composante verte, CC - la même pour la composante bleue.

Étape 5

Placez le contenu de la page entre les blocs de début et de fin.

Étape 6

N'oubliez pas les panneaux routiers avec la désignation des colonies. Si le signe a simplement un nom écrit dessus, cela signifie qu'il est situé à l'entrée de la colonie avec ce nom. Si le nom est barré, le panneau est situé à la sortie de celui-ci. Dans une balise, le signe de fraction devant la commande agit comme une ligne à travers un panneau de signalisation. L'action de la balise "ouverture" se termine lorsque la balise "fermeture" avec la même commande est rencontrée plus loin dans le texte.

Étape 7

Pour commencer un paragraphe, utilisez la balise montrée dans l'image à gauche. Pour avoir un retrait d'une ligne avant le paragraphe, utilisez la balise indiquée dans la figure de droite.

Étape 8

Pour surligner du texte en italique et en gras, utilisez les balises et leurs combinaisons indiquées dans la figure.

Étape 9

Pour modifier la taille et la couleur de la police, utilisez la commande illustrée dans la figure ci-dessus, où les valeurs CC, ZZ et SS sont définies de la même manière que pour la couleur de fond, HIGH est la hauteur de la police en points. Les balises de couleur ou de police peuvent être omises si seule la taille ou seule la couleur de la police change. Pour annuler cette commande, utilisez la balise indiquée dans l'image ci-dessous.

Étape 10

Pour insérer dans la page une image stockée localement dans le dossier racine, utilisez la construction illustrée dans la figure ci-dessus. Pour insérer une image stockée sur un autre serveur, utilisez une conception légèrement différente, illustrée dans la figure ci-dessous. N'insérez pas d'images provenant de sites tiers sans le consentement des auteurs. Certains sites sont protégés contre cette utilisation d'images.

Étape 11

Pour insérer dans une page un lien vers une autre, stocké localement dans le dossier racine, utilisez la structure illustrée dans la figure ci-dessus. Pour faire un lien vers une page située sur un site tiers, modifiez cette structure comme le montre la figure ci-dessous.

Étape 12

Recherchez sur le Web un didacticiel sur le langage de balisage HTML et vous apprendrez à utiliser le reste des balises qu'il existe des dizaines dans ce langage.

Conseillé: