Qu'est-ce que le langage HTML ? Tutoriel HTML. Html qu'est-ce que c'est et avec quoi on le mange

Avez-vous entendu parler du HTML ? Ou peut-être avez-vous entendu parler des pages HTML sur Internet ? En fait, c'est simple. HTML est, en termes simples, l’un des langages de programmation, et non le plus complexe d’entre eux.

HTML est une abréviation de HyperText Markup Language, qui se traduit par langage balisage hypertexte.
Contenu:

Le HTML est utilisé pour donner aux pages Internet un aspect exactement tel que vous les connaissez :

  • des textes magnifiquement conçus,
  • en gras ou en italique,
  • juste noir ou multicolore,
  • avec des liens actifs vers d'autres pages du site ou du blog,
  • avec, vidéo, audio et bien d'autres fonctionnalités intéressantes.

Essentiellement, le HTML est le verso des pages de nombreux sites. Souvent ils Beau design créé en utilisant le langage balisage HTML. Sinon, cela s'appelle aussi créer des pages avec en utilisant HTML mises en page.

Les sites Web peuvent également être créés dans d’autres langages de programmation, par exemple PHP.

Le scientifique britannique Tim Berners Lee a développé le langage HTML entre 1986 et 1991 en Suisse. Essentiellement, HTML vous permet de créer des éléments simples, mais en même temps beaux documents. Plus tard, des capacités multimédias (vidéo, etc.) et la prise en charge de l'hypertexte (pour créer des hyperliens) ont été ajoutées au HTML.

Des programmes de navigation bien connus ont été créés pour fonctionner avec HTML, tels que :

  • Mozilla Firefox (Mozilla Firefox),
  • Internet Explorer (Internet Explorer),
  • Google Chrome(Google Chrome),
  • Opéra (Opéra),
  • Navigateur Yandex,
  • Safari et
  • autre.

Initialement, la fonction principale du navigateur était précisément d’interpréter le code HTML et d’afficher le résultat visuel sur l’écran du moniteur de l’utilisateur.

Qu'est-ce qu'une page HTML ?

Les documents, fichiers, pages créés en langage html portent l'extension .html ou .htm. Par exemple, une page HTML (ou un fichier HTML, ou un document HTML) peut avoir un nom tel que :

  • test.html,
  • HTML,
  • HTML ou
  • titre.html.

À proprement parler, test.html est le nom du fichier (ou le nom de la page), où

  • test est le nom du fichier, et
  • .html est une extension de nom de fichier (ou extension de nom de page) qui est généralement simplement appelée « extension ».

De nos jours, le mot « format » est devenu une option plus courante à la place du mot « extension ». Ainsi, l’expression « format html » signifie que le fichier (ou la page) est écrit en langage html et que le nom d’un tel fichier a l’extension html. Moyens,

le fichier nommé test.html est au format html.

salle d'opération Système Windows par défaut, masque les extensions de fichiers (c'est-à-dire les formats de fichiers). Les programmeurs l'ont fait « non par malveillance », mais afin de protéger l'utilisateur contre une modification inconsidérée des extensions de fichiers. Vous pouvez ouvrir les extensions de fichiers par défaut. Sous Windows 7 pour faire ceci :

  • cliquez sur le bouton Démarrer,
  • ouvrez le panneau de configuration,
  • trouver les options des dossiers,
  • ouvrez l'onglet Affichage, faites défiler vers le bas et
  • décochez la case à côté de l'option "Masquer les extensions pour les types de fichiers connus",
  • Cliquez sur OK".
Riz. 1. Ouvrez toutes les extensions de fichiers

Si vous levez maintenant les yeux et regardez la barre d'adresse de votre navigateur, vous y verrez le nom de la page que vous lisez actuellement, et à la fin du nom il y a .html. Ce exemple HTML page de blog publiée sur Internet. Habituellement, un blog (site) comporte de nombreuses pages HTML. Par exemple, chaque article de ce blog est une page HTML distincte.

Sur Internet, il existe également des sites d'une seule page composés d'un seul pages HTML. Par exemple, cela pourrait être

  • Carte de visite Internet d'une personne ou d'une entreprise, ou
  • une page vendant un produit ou un service sur Internet.

Le langage HTML est en constante évolution et il en existe aujourd'hui plusieurs versions, à partir du HTML 2.0 du 22 septembre 1995 et se terminant par dernière version Langage HTML 5 en date du 28 octobre 2014. La sortie de HTML 5.1 est prévue pour septembre 2016.

Que sont les balises HTML ?

HTML est un langage permettant de baliser des documents à l'aide de balises. Les balises sont entourées de crochets triangulaires »< >" Les balises peuvent être appariées ou non.

  • Par exemple, la balise « b » entre crochets triangulaires met le texte en gras.

texte en gras

Le résultat ressemblera à ceci : texte en gras

  • Et la balise « i » met le texte en italique.

texte en italique

En conséquence nous obtenons : texte en italique

  • Il existe également une balise pour casser la chaîne « br ».
  • A l'aide de la balise « a href », un lien hypertexte est mis en évidence.
  • La balise du titre du document est . C'est la balise qui ouvre le document. Il est associé dans le sens où il nécessite une balise de fermeture avec une barre oblique.
  • Après l’en-tête vient le corps, qui se situe entre la balise d’ouverture et la balise de fermeture. Cette balise, comme la balise head, est une paire : vous devez l'ouvrir et penser à la fermer.

Dans les balises appariées, une balise de fermeture avec une barre oblique est nécessaire car elle annule (plus précisément, complète correctement) l'action de la balise d'ouverture.

Il existe de nombreuses balises HTML et vous pouvez facilement trouver des didacticiels HTML sur Internet.

Comment créer un fichier HTML

Il est très simple de créer une page html (ou un fichier html) sur votre ordinateur et d’exécuter votre création dans un navigateur.

1) Ouvrez le Bloc-notes (un simple éditeur de texte fourni avec Windows). Vous pouvez le trouver sur votre ordinateur en saisissant la requête : Bloc-notes dans la barre de recherche.

2) Copiez et collez le texte suivant dans le Bloc-notes :







Bonjour! Ceci est ma première page HTML.

Deuxième ligne, hourra !

3) Point important, sans quoi le fichier html ne fonctionnera pas : dans le Bloc-notes, nous enregistrons le fichier strictement(!) au format html, comme le montre la capture d'écran. Pour plus de simplicité, vous pouvez enregistrer le fichier sur le bureau de votre ordinateur.


Riz. 2. Faites attention au type de fichier et enregistrez le fichier au format HTML

1 sur la fig. 2 – Cliquez sur « Bureau » pour y enregistrer le fichier html.
2 sur la fig. 3 – Ouvrez le menu déroulant en face de « Type de fichier ».
3 – Dans ce menu, sélectionnez « Tous les fichiers ».
4 – entrez n'importe quel nom (j'ai 001) et après le point, assurez-vous (!) de saisir le code HTML.
5 sur la fig. 2 – cliquez sur « Enregistrer ».

4) Sur le Bureau nous trouvons le fichier 001.html :

Riz. 3. Fichier HTML sur le bureau

Mon navigateur par défaut est Google Chrome, donc l'icône du fichier ressemble à l'icône de ce navigateur. S'il existe un autre navigateur par défaut, le fichier 001.html aura une icône différente.

On clique 2 fois sur le fichier (Fig. 3) avec la souris et du coup on voit notre première page html dans le navigateur :


Riz. 4. Vérifier à quoi ressemble la page html dans le navigateur

Ainsi, nous avons une page html locale dans le sens où elle n'est accessible que depuis votre, ordinateur local. Pour que la page soit accessible aux autres, elle doit être téléchargée sur Internet. Plus précisément, placez-le, qui est toujours disponible : 24/7/365 (24h/24, 7j/7, toute l'année). Chaque internaute pourra alors voir une telle page.

Le HTML est donc un langage assez intéressant, et si à l'avenir vous envisagez de créer et de maintenir votre propre site Web ou blog, il est conseillé de savoir au moins ensemble minimum balises utilisées dans le langage html.

Le terme HTML (Hyper Text Markup Language) signifie « langage de balisage hypertexte ». La première version de HTML a été développée par un employé du Laboratoire européen de physique particules élémentaires Tim Berners-Lee.

HTML a subi quelques modifications depuis la création de la première version. Comme beaucoup d'autres choses dans monde de l'ordinateur, les versions ou spécifications du HTML se sont avérées numérotées. Les spécifications connues sont 2.0, 3.0, 3.2, 4.0, etc.

Pour maîtriser le HTML dans ce tutoriel, vous aurez besoin de deux choses :

Tout navigateur, c'est-à-dire un programme adapté à la visualisation de fichiers HTML (Internet Explorer) ;

Tout éditeur de fichier texte prenant en charge le russe dans l'encodage sélectionné. Si installé sur votre ordinateur les fenêtres, tout à fait adapté Mot.

Vous devez utiliser un éditeur de texte pour préparer les fichiers HTML et un navigateur comme outil de suivi de ce qui a été fait.

  • 2. Premier document HTML
  • 2.1 Comment un document HTML est structuré
  • Document HTML simplifié fichier texte avec l'extension *.html (les systèmes Unix peuvent contenir des fichiers avec l'extension *.htmll).

    Pour faciliter la lecture, ajoutez une indentation supplémentaire, mais cela n'est pas nécessaire en HTML. De plus, les navigateurs ignorent simplement les fins de ligne et les espaces multiples dans les fichiers HTML.

    Toutes les informations sur le formatage du document sont concentrées dans ses fragments, entourés du "". Un tel fragment (par exemple, ) est appelé tag (en anglais – tag, lire « tag »).

    La plupart des balises HTML sont appariées, c'est-à-dire Pour chaque étiquette de vue d'ouverture, il existe une étiquette de vue de fermeture portant le même nom, mais avec l'ajout de "/".

    Les étiquettes peuvent être saisies en majuscules et en minuscules. Par exemple, les étiquettes , et seront interprétées de la même manière par le navigateur.

  • 2.2 Balises obligatoires...

  • L'étiquette doit ouvrir un document HTML. De même, une étiquette doit terminer le document HTML.

    ...

    Cette paire d'étiquettes indique le début et la fin du titre du document. En plus du nom du document, cette section peut inclure de nombreuses informations sur le service.

    ...

    Tout ce qui se trouve entre les marques et est interprété par le navigateur comme le titre du document. l'Internet Explorateur, par exemple, affiche le nom du document actuel dans le titre de la fenêtre et l'imprime à gauche coin supérieur chaque page lors de la sortie vers l'imprimante. Il est recommandé que le nom ne dépasse pas 64 caractères.

    ...

    Cette paire d'étiquettes indique le début et la fin du corps du document HTML, corps qui définit en fait le contenu du document.

    < H 1> ... - < H 6> ...

    Les étiquettes du formulaire (où i est un nombre de 1 à 6) décrivent les titres de six différents niveaux. Le titre du premier niveau est le plus grand, le sixième niveau est naturellement le plus petit.

    Cette paire d'étiquettes décrit un paragraphe. Tout le reste est traité comme un seul paragraphe.

    Balises et

    Peut contenir un attribut ALIGN supplémentaire (lire « eline », de l'anglais « aligner »), par exemple :

    Alignement de l'en-tête

    dans le centre

    Exemple de paragraphe avec justification

    Bienvenue sur mon blog sur les technologies Web. Aujourd'hui, j'aimerais écrire un article pour ceux qui sont nouveaux dans le domaine de la création de sites Web. En particulier, sur le langage HTML. Qu'est-ce que c'est et à quoi ça sert ? Je vais essayer de vous expliquer le plus en détail possible.
    Le contenu de l'article

    Définition officielle

    Je crois que je ne peux pas formuler une meilleure définition que Wikipédia, donc :
    Citation

    HTML (de l'anglais HyperText Markup Language - « langage de balisage hypertexte ») est un langage de balisage standard pour les documents en World Wide Web. La plupart des pages Web contiennent des balises écrites en HTML (ou XHTML).

    Et maintenant, je vais essayer de vous expliquer cela de loin. Tout dans notre vie consiste en quelque chose. La maison est constituée de matériaux de construction, l'air est composé d'éléments tels que l'azote, l'oxygène, le dioxyde de carbone et autres. Et nous avons des pages Web (par exemple, vous êtes maintenant sur une telle page). Et ils doivent aussi consister en quelque chose, non ? Donc, ce quelque chose est le langage HTML. Certes, il n'est pas le seul à former la page, mais nous en parlerons plus tard dans l'article.

    Un peu de théorie

    Donc le HTML est langue spéciale, à l'aide desquelles sont créées les pages Web qui constituent en réalité l'ensemble d'Internet. C'est le matériau de construction des pages. En anglais, l'abréviation signifie : HyperText Markup Language.

    Pourquoi l'hypertexte ? C'est simple, il diffère du texte ordinaire dans la mesure où lorsque vous lisez des informations sur Internet, vous pouvez facilement cliquer sur d'autres liens et accéder à d'autres pages, et lorsque vous lisez normalement un livre ou document texte tu ne peux pas faire ça.

    Eh bien, nous devons également comprendre le mot balisage pour le rendre encore plus clair. Dans votre vie, vous avez sûrement joué à un jeu plus d'une fois jeu de sport, comme le volley-ball ou le football. Alors sachez parfaitement que l’aire de jeu a son propre marquage.

    Par exemple, dans le football, il y a des lignes latérales et des lignes de fond, des zones de pénalité et de gardien de but, un cercle central, des drapeaux de coin, etc. Ainsi, le HTML est responsable du balisage d'une page Web, de sa structure. Il peut être comparé à un squelette humain ou à la charpente d’un bâtiment.

    Format HTML - qu'est-ce que c'est et comment l'ouvrir

    Ainsi, les documents contenant des commandes en HTML ont le même format. Ce sont des pages statiques sur lesquelles vous pouvez placer certaines informations. S'ils ajoutent langage php, l'extension du document devient alors php , mais elle peut toujours contenir des balises html.

    Ces fichiers peuvent être ouverts à l'aide de n'importe quel éditeur de texte. Il est préférable d'utiliser un logiciel spécial qui prendra en charge les syntaxes du langage, les caractères de surbrillance, etc.

    Un fichier statique peut également être facilement ouvert dans n'importe quel navigateur Web, mais s'il contient l'extension php, alors uniquement sur un serveur virtuel ou local.

    En quoi consiste le HTML ?

    En règle générale, la syntaxe fait référence aux règles d'écriture de code dans différentes langues. HTML se compose entièrement de balises et de leurs attributs, ainsi que de contenu direct. Ainsi, apprendre une langue consiste à apprendre le rôle des balises et des attributs de base.

    De manière générale, comment pensez-vous que les informations sont générées sur une page Web ? Par exemple, vous souhaitez rédiger un article et mettre en avant quelques mots comme titre ? Comment le navigateur comprendra-t-il cela ? En utilisant balises html, bien sûr, car il sait les reconnaître et les comprendre.

    Comment les balises sont-elles écrites ?

    Une balise s'écrit ainsi : son nom est mis entre crochets, et selon les cas, des attributs et des contenus y sont ajoutés. Exemples:

    Contenu des balises

    Les balises peuvent être jumelées ou simples. Dans ce cas, je viens de vous donner un exemple de double et de simple. Le fait est que le seul n'a pas de partie fermante () et qu'il n'est pas nécessaire d'y écrire du contenu.

    Par exemple, balise img est responsable de l’insertion d’une image dans une page Web. D'accord, vous n'avez pas besoin de saisir d'informations supplémentaires dans l'image, tout ce dont vous avez besoin est spécifié dans les attributs. Dans notre cas, l'attribut src spécifie le chemin d'accès à l'image.

    Eh bien, le premier exemple est la balise appariée p . Il est responsable de la sortie du paragraphe (paragraphe). Ici, nous voyons la partie finale, elle montre que le paragraphe doit se terminer à ce stade. Il y a aussi du contenu, ce qui est logique. Un paragraphe ne peut pas être vide, sans texte ? Tout le texte nécessaire est écrit entre les parties d’ouverture et de fermeture.

    C'est ainsi que fonctionnent toutes les balises en HTML. Bien entendu, je ne vais pas tout décrire, car il en existe plusieurs dizaines (les plus basiques). Par exemple, la balise h1 est responsable de l'affichage d'un grand titre, la table est responsable de la création d'un tableau et la balise ol est responsable de la création d'une liste numérotée. ().

    Il n’est pas nécessaire de tous les décrire ; vous pouvez les apprendre vous-même si vous souhaitez mieux les comprendre.

    Attributs des balises

    Les attributs sont commandes supplémentaires, qui s'appliquent aux balises. Tous sont écrits uniquement dans la partie ouvrante de la balise et sont écrits selon ce principe :

    Ainsi, il ne suffit pas de connaître les tags, il faut aussi être capable d'écrire pour eux. divers attributs. Exemples:

    Dans la première ligne de code, nous avons créé un lien en utilisant la balise a et lui avons écrit les attributs suivants : href – le chemin à suivre, target – équipe spéciale, qui détermine si le lien doit être ouvert dans une nouvelle fenêtre, et c'est exactement ce que fait la valeur _blank. Comme vous pouvez le voir, les attributs sont écrits séparés par des espaces et leurs valeurs sont entre guillemets doubles.

    Deuxième exemple : en utilisant l'attribut charset, nous définissons l'encodage de la page comme utf-8.

    Troisièmement : nous écrivons l'attribut class = "two" au paragraphe, qui s'y lie cours de style avec le nom spécifié (le nom peut être arbitraire) et maintenant dans les feuilles de style en cascade (css), nous pouvons accéder à cet élément et le styliser.

    Conclusion

    Le but de cet article était de vous expliquer ce qu'est le HTML, dans quel but il est nécessaire et de quels éléments il se compose. En fait, il s’agit de l’une des technologies Web les plus simples que vous puissiez comprendre en quelques semaines seulement. J'ai écrit comment apprendre cette langue, je vous conseille de le lire si vous êtes intéressé. Je terminerai ici et je vous recommande de ne pas avoir peur de commencer à étudier en cas de doute.

    Pourquoi ai-je besoin de ça ?

    Là encore, peut-être que vous n’en avez pas besoin. Aujourd'hui, tout système de gestion de contenu intègre éditeurs visuels, où vous pouvez formater le texte selon vos besoins absolument sans aucun problème. L'étude du HTML vous permettra de mieux comprendre comment tout cela fonctionne et aussi, si nécessaire, d'apporter vous-même des modifications à vos pages Web, en modifiant leur structure et leur apparence.

    Dans cet article, nous examinerons la question de savoir ce qu'est le HTML et l'histoire de son développement. Parlons de la façon de créer un site Web et si c'est difficile du tout. Alors commençons

    1. Code HTML - qu'est-ce que c'est en termes simples

    HTML (Hyper Text Markup Language) est un langage de balisage spécial utilisé pour créer des sites Web sur Internet.

    Les navigateurs comprennent parfaitement le HTML et peuvent l'interpréter en sous une forme claire. En général, toute page d'un site est un code HTML que le navigateur traduit en un formulaire convivial. À propos, le code de n'importe quelle page est accessible à tous. Pour le visualiser, cliquez sur clic-droit souris et sélectionnez la vue code source ou appuyez sur CTRL+U sur votre clavier :

    Le langage de balisage HTML a gagné en popularité. Sur ce moment- c'est le seul langage avec lequel le balisage du site est créé. Je tiens à souligner le fait qu'il s'agit d'un balisage. Le soi-disant « moteur » est créé dans un autre langage de programmation (le plus souvent PHP), qui permet de créer des pages interactives (le HTML ne le permet pas).

    Note

    Le lecteur attentif remarquera que toutes les pages Internet ne portent pas l’extension .html à la fin. Par exemple, il y a des pages /catalog/list (sans aucune extension). C'est incorrect, mais le navigateur sera capable de comprendre qu'il s'agit d'un document Web et de l'afficher correctement.

    2. Exemple et structure Code HTML UN

    Vous trouverez ci-dessous un exemple avec la structure d'une page HTML typique. Veuillez noter que le code html est divisé en deux zones : l'en-tête et le corps de la page.

    Titre de la page ... Balises de titre (styles de connexion, scripts) ... ... En-tête du site ... Colonne de gauche ... ... Partie principale du site ... ... Colonne de droite ... Bas de la page .. .

    Ce code peut être modifié dans n'importe quel éditeur de texte. Le plus souvent, notepad++ est utilisé pour développer un site Web HTML (un éditeur avancé qui met en évidence les balises et affiche les erreurs). Mais il est préférable d'utiliser des éditeurs plus avancés pour travailler avec le balisage HTML.

    Le balisage est constitué de balises HTML (parfois écrites « tag »).

    3. Qu'est-ce qu'une balise HTML

    Une balise HTML est l’un des éléments de mise en page HTML nécessaires à la structure. Les balises ont un signe d'ouverture< и закрывающий > .

    Par exemple, . Presque toutes les balises sont appariées et nécessitent une balise de fermeture. Si le webmaster oublie de mettre la balise de fermeture ou le fait mal, alors la mise en page ne sera pas valide (voir validation du site). Si cette balise appartient à celles qui détiennent le « frame » du site, alors le site peut « flotter » (la colonne latérale descendra, etc.).

    Il est interdit de fermer les tags dans le désordre dans l'ordre dans lequel ils ont été ouverts. Par exemple

    Plus de détails sur création de code HTML pages lisent l'article.

    Bonjour à tous!

    Si nous avons commencé à étudier, alors nous devons savoir Les bases du HTML et CSS, qui contribueront à rendre nos sites meilleurs et plus attrayants pour moteurs de recherche. Toute cette semaine je vais vous parler du travail avec le code du site et voici ce qui vous attend :

    • . Nous apprendrons comment éditer le code d'un site Web à l'aide de ces éditeurs ;
    • . Nous aiderons le robot de recherche à comprendre la structure de la page ;
    • . Nous découvrirons dans quelle mesure le code du site est correctement compilé et trouverons les erreurs ;

    Comme vous pouvez le constater, nous aurons beaucoup de travail cette semaine, alors abonnez-vous aux mises à jour du blog Context-UP et recevez toutes les leçons dans votre email si vous n'êtes pas déjà abonné.

    Bases HTML

    HTML (Hyper Text Markup Language) est un langage de balisage pour les documents sur Internet. Autrement dit, toute page de votre site Web est un document et le navigateur est un moyen de visualiser ces documents.

    Le but du HTML est de montrer au navigateur où se trouve tel ou tel élément du document. Avec l'aide de cette langue, les éléments sont marqués sur la page et occupent une certaine place, qui sont ensuite affichés sur le moniteur du visiteur du site.

    Le langage de balisage se compose de balises spéciales qui aident le navigateur à déterminer :

    • Structure des documents ;
    • L'emplacement d'un élément particulier ;
    • Objectif de l'élément ;
    • Fichiers tiers inclus ;
    • Et bien plus encore.

    Ceci est compris et robots de recherche, par conséquent, vous devez accorder une attention particulière à la manière dont le document est correctement compilé d'un point de vue SEO et à sa structure.

    Structure HTML

    Tout document HTML possède une structure initiale qui doit être strictement respectée. Elle ressemble à ça :

    Titre de la page Contenu de la page