Dans cet article, vous apprendrez à utiliser HTML pour écrire votre premier site Web ! L'article fournira des exemples illustratifs pour une meilleure compréhension. Faisons tout de suite une réservation sur le fait que l'article a été initialement conçu pour ceux qui commencent tout juste à apprendre le HTML. De plus, nous vous promettons qu'à la fin de la lecture de cet article, vous êtes assuré de créer votre premier site Web.
HTML signifie HyperText Markup Language, c'est-à-dire un langage d'organisation de texte.
Contrairement aux langages de programmation (JavaScript, PHP, etc.) qui utilisent des scripts pour effectuer des actions sur les sites Web, le langage de séquençage (HTML) utilise des balises pour baliser le contenu des sites Web.
Commençons à apprendre le HTML à partir de zéro
Tout comme le français est composé de lettres A, B, C, etc., le HTML est composé de "lettres" particulières:,,
etc. Ces "lettres" particulières du langage HTML sont appelées balises par les webmasters.
Ce qui suit est un exemple de balise HTML.
Tags Créez un soulignement autour des bords de ce texte.
Les balises HTML associées aux styles de langage CSS vous permettent de créer rapidement et efficacement des sites Web.
La place du HTML parmi les autres langages
Comme vous le savez, un bon site Webconstruit dans au moins 5 langues.
Le site Web moderne est construit dans les langues:
- HTML (structure et ordre).
- CSS (contenu de style).
- JavaScript (actions du navigateur).
- PHP (action du serveur).
- SQL (stockage de données).
HTML est le principal langage fondamental sur lequel les autres sont basés. Par conséquent, l'apprentissage du HTML devrait être la première étape pour quiconque apprend à créer des sites Web sur le Web.
Tag
Le langage HTML a changé au fil des ans depuis sa création. À l'heure actuelle, la plupart des sites Internet passent à la dernière version du langage - HTML5. Mais même en HTML5, les fondamentaux du langage restent inchangés.
La structure d'une page HTML est comme un sandwich. Tout comme un sandwich a deux tranches de pain, un document HTML a une balise HTML d'ouverture et de fermeture.
Ces balises, comme le pain d'un sandwich, entourent tout ce qu'il contient.
Tag
Au fur et à mesure que vous continuez à apprendre le HTML, vous devriez certainement vous familiariser avec la balise. Directement à l'intérieur de la balise parent se trouve tout le contenu du site, y compris la balise. Cette balise est obligatoire et contient tous les paramètres de la page du site pour laquelle elle est écrite. Ces paramètres ne sont pas visibles pour les visiteurs du site, seuls les navigateurs (Google Chrome, Mozilla Firefox, etc.) les voient.
Le bloc des paramètres de la page Web contient tous les éléments "non rendus" qui aident le navigateur à afficher correctement votre site sur le Web.
Toutes les options quipeut être configuré à l'intérieur de la balise, nous y reviendrons, mais un peu plus tard - le moment venu.
Tag
Le tag, comme le tag, est à l'intérieur du tag.
Cette balise est nécessaire pour afficher sur votre site toutes les informations que vous souhaitez afficher.
Les titres, les paragraphes, les tableaux, les images et les liens ne sont qu'une petite partie des éléments qui peuvent être contenus à l'intérieur de la balise.
Structure de base d'un document HTML:
… …
Votre premier site
Vous savez maintenant que vous pouvez créer des sites Web en HTML et que des balises de base sont utilisées pour cela:
- . Décrit les limites d'une page Web.
- . Contient les paramètres d'affichage d'une page Web dans un navigateur.
- . Contient tous les éléments de la page Web (images, vidéos, texte, etc.) que vous souhaitez montrer aux visiteurs du site.
D'autres balises comme,,, dont nous parlerons bientôt.
Ce serait formidable si le lecteur non seulement lisait cet article, mais courait aussi immédiatement pour perfectionner ses compétences. Pour perfectionner vos compétences en HTML, vous devrez créer votre premier site Web, qui servira de terrain d'essai pour vos nouvelles compétences.
On sait que les opérateurs mobiles ("MTS", "MegaFon", etc.) nous fournissent des services mobiles. De même, des prestations de création et de gestion de sites nous sont fournies par des hébergeurs. Pour créer votre site Web, rendez-vous sur le site de n'importe quel opérateur d'hébergement gratuit.
Les hébergeurs vérifiés incluent BEGET oureg, par exemple. Vous pouvez choisir n'importe qui.
Après une courte inscription, après 24 heures, votre premier site Web sur Internet sera automatiquement créé, qui sera visible par le monde entier, et vous pourrez commencer à vous entraîner !
Structure de site moderne
Maintenant que vous avez votre site, vérifiez les balises qu'une balise contient et comment elles organisent les informations sur les sites.
L'image ci-dessus est une représentation schématique de la structure fournie avec la dernière version du langage HTML - HTML5. Avec HTML5, il n'y a pas que de nouvelles balises, mais aussi la signification de la création de sites Web. Toutes les balises que vous voyez dans l'image sont contenues dans la balise principale. Ces balises vous aident à "esquisser" la structure de votre site et à lui donner un sens.
Par exemple, à l'intérieur des balises … il est pratique de placer le titre du site (tags) et la description du site (tags).
Il est pratique de placer le menu (liens) du site (tag) à l'intérieur des balises.
Il est pratique de placer n'importe quel gros bloc d'informations liées à la signification à l'intérieur des balises. Il peut s'agir de plusieurs articles, dont chacun est "enveloppé" de tags, ou de photos (tag), ou de tableaux (tags
) et plus.
Il est pratique de placer toute information à l'intérieur des balises qui ne correspond pas à la signification de.
À l'intérieur des balises, il est d'usage de placer des informations supplémentaires telles que des informations de contact, des sections supplémentaires du site, etc.
Donc maintenant, vous savez un peu mieux ce dont sont faits les sites Web modernes. Prenons un exemple pourl'agitation dans ma tête a été remplacée par la crainte de la perspicacité.
Ainsi, lorsque vous ouvrez le gestionnaire de fichiers sur le site de votre hébergeur et que vous trouvez un document appelé index.php, n'hésitez pas à y écrire, comme à partir de rien, la structure de votre site.
Mon premier site Web
Titre de la page
Description de la page
Lien 1 | Lien 2 | Lien 3
Titre d'un article
C'est un bloc qui contient n'importe quelle information, et avec l'aide de CSS vous pouvez colorer ce bloc, et l'ensemble du site avec tout son contenu, comme vous le souhaitez. © Tous droits réservés
Vous vous souvenez que nous avons dit qu'il existe différents paramètres pour le site ? Et bien voilà:
- En utilisant les navigateurs, nous montrons que le site peut contenir à la fois des caractères russes et anglais (sinon, lorsque vous ouvrirez le site, vous verrez un terrible krakozyabry).
- est utilisé pour indiquer le nom de la page, qui sera affiché dans l'onglet du navigateur et dans le moteur de recherche ("Yandex", Google et autres).
Bien sûr, sans style CSS, votre site aura l'air avare (lettres noires sur fond blanc), mais assurez-vous d'essayer d'abord d'écrire votre première page en HTML.
Félicitations ! Vous venez de créer votre première page web sur votre propre site web ! Ce sera plus intéressant !
