Les balises HTML vous permettent d'aligner les lignes de votre document, de contrôler l'arrière-plan et la couleur de la police, d'insérer des illustrations et d'envelopper du texte autour d'elles, d'inclure des objets multimédias dans votre document, etc. Le résultat est des documents Web significatifs et efficaces.

Parmi les nombreuses balises HTML, il existe un groupe spécial de balises conçues pour créer des liens hypertextes. Un lien hypertexte est un texte surligné ou une illustration auquel est associée l'adresse d'un autre document. En règle générale, les liens hypertextes sont mis en évidence avec un soulignement ou une couleur différente. Si vous passez le pointeur de la souris sur un lien hypertexte, il changera de forme. Un clic gauche sur un lien hypertexte permet de naviguer vers une autre page Web, éventuellement située sur un serveur différent, peut-être même sur un continent différent.

Les documents créés au format HTML sont enregistrés dans des fichiers avec l'extension html ou htm.

Balises HTML

Les constructions de contrôle HTML sont appelées balises. Mots clés Sont des ensembles de caractères utilisés pour baliser le texte. Toutes les balises sont écrites entre crochets angulaires, qui sont formés par les symboles inférieurs à (<) и «больше» (>). La parenthèse ouvrante est suivie de mot-clé définir la balise.

La casse des lettres dans les noms des balises n'a pas d'importance. Cependant, il est d'usage d'écrire les balises en majuscules afin qu'elles diffèrent du texte principal.

Les balises sont jumelé et non apparié... Pour influencer une partie du document (par exemple, un paragraphe), utilisez des balises appariées : ouverture et couvrant... La balise d'ouverture crée l'effet et la balise de fermeture met fin à l'effet. Les balises de fin commencent par une barre oblique (/).

Les balises sans correspondance affectent l'ensemble du document ou ont un effet ponctuel là où elles apparaissent. Dans ce cas, aucune balise de fin n'est utilisée.

Si par erreur un mot-clé est écrit dans une balise qui n'est pas dans la langue, alors la balise est complètement ignorée.

Lors de l'affichage d'un document dans navigateur les balises elles-mêmes ne sont pas affichées, mais elles affectent la façon dont le document est affiché.

Les attributs peuvent affecter l'effet produit par une balise. Les attributs- ce sont des mots de contrôle, séparés du mot-clé de la balise et les uns des autres par des espaces. Si une valeur d'attribut est requise, elle est écrite après le signe égal et placée entre guillemets. Les balises appariées ajoutent uniquement des attributs à la balise de début. Les balises de fin ne contiennent jamais d'attributs.

HTML vous permet d'entrer dans un document

HTML est le langage de balisage hypertexte qui a fait d'Internet ce que nous connaissons et aimons. C'est grâce à ce merveilleux outil que les sites sont beaux et modernes, ainsi que la commodité de leur utilisation est assurée. HTML assemble simplement les éléments d'une page Web de manière conviviale. Son travail est comparable à ce qu'ils font comme MS Word ou OpenOffice. Ils transforment une masse de lettres sans visage en un document contenant des paragraphes, du texte en gras, des italiques, des tableaux et même des images. Le langage HTML fait à peu près la même chose, à la seule différence que ses documents sont affichés dans un navigateur, et les capacités de cet outil sont bien plus larges que celles de éditeur de texte... Pour le balisage, des balises sont utilisées - des commandes spéciales qui décrivent la structure d'une page Web. Ils sont entourés d'équerres -<тег>afin que le navigateur puisse les distinguer du gros du texte. Ensuite, nous passerons en revue les bases du HTML pour les débutants.

Éditeurs visuels

Les débutants qui viennent de mettre le pied sur la voie de l'apprentissage du HTML commencent souvent leur travail avec des programmes qui vous permettent de créer des sites sans aucune connaissance. Dans ceux-ci, vous pouvez simplement organiser les éléments à l'écran tels qu'ils seront affichés dans le navigateur. Il semblerait que le voici - une source de grâce éternelle, vous permettant de vous débarrasser de la plupart des développeurs Web. Mais tout n'est pas si simple, car les éditeurs visuels ont beaucoup de défauts qui rendent impossible leur utilisation dans des projets sérieux.

Tous ces programmes créent de nombreuses balises inutiles qui rendent la page finale lourde et sous-optimale. Bien sûr, à notre époque Internet haut débit il a valeur inférieure qu'avant, mais il y a plusieurs raisons pour lesquelles un site laconique et bien écrit s'avère plus pratique que son homologue, créé dans un éditeur visuel. Une page Web créée dans un tel programme ne s'affichera pas bien robots de recherche, puisque chaque kilo-octet de code est important pour eux, et un code lourd et illogique avec un tas d'entre eux ne sera guère à leur goût. De plus, les éditeurs sont souvent à la traîne, devenant inutiles et il est peu pratique de consacrer des ressources à leur développement, car aucun professionnel n'utilise ces produits. Par conséquent, quiconque souhaite travailler dans le domaine de la création de sites Web doit connaître les bases du HTML.

Mots clés

Comme mentionné ci-dessus, les balises décrivent la structure d'une page Web pour le navigateur. La plupart d'entre eux ont des balises de début et de fin, mais pas tous. Par exemple, où le contenu est au lieu de points. La première montre où commence la balise et la seconde la ferme. À l'intérieur, il peut y avoir d'autres éléments du balisage de la page, ils peuvent être imbriqués les uns dans les autres comme une poupée gigogne. Il est important de fermer les balises à temps pour que la page s'affiche correctement.

Il existe également des balises simples qui n'ont pas besoin d'être fermées. Ils contiennent le contenu à l'intérieur, tout comme il peut être écrit pour la plupart des balises HTML, et définissent les propriétés de l'élément. Il est indiqué dans la balise d'ouverture et ressemble à ceci : attribut = "...", où se trouve la valeur de l'attribut à la place des points. La connaissance des tags est la première et la plus étape importante pour maîtriser le HTML. Les bases de cet art impliquent également de comprendre la structure d'une page Web.

Structure du document

Chaque document HTML a une extension correspondante, par exemple Index.html. Cela permettra au navigateur de comprendre à quoi il a affaire et d'afficher correctement la page. Il est conseillé de stocker tous les fichiers utilisés pour créer le site dans un seul répertoire, ce qui vous facilitera grandement la vie à l'avenir. Les bases du langage de balisage hypertexte HTML présupposent une solide compréhension de la structure du document. ça commence par une balisequi indique au navigateur la version HTML utilisée dans ce document. Sur le ce moment la cinquième version de la langue est pertinente, il n'est donc pas nécessaire d'inventer quoi que ce soit, vous pouvez insérer en toute sécurité la balise ci-dessus au début de n'importe quelle page.

Ensuite, il y a les principales structures appariées qui constituent le "squelette" du site. La première balise dans laquelle toutes les autres sont imbriquées - ...... Tout ce qui se trouve à l'extérieur n'est pas reconnu par le navigateur comme une page Web, il ouvre donc le document et le ferme. Cette balise est obligatoire pour tout document. Il contient également quelques balises supplémentaires requises, qui seront discutées ci-dessous.

Diriger

À l'intérieur de l'étiquette ... contient des informations de nature technique qui ne seront pas affichées sur la page, mais constitue néanmoins une partie importante document HTML... Les fondations du site sont posées exactement à cet endroit, ici l'encodage est sélectionné et le nom de la page est entré. Il est contenu dans une balise obligatoire ... Le titre est affiché en haut du navigateur, où vous pouvez également placer une petite icône caractérisant le contenu de la page. Il est conseillé d'indiquer immédiatement l'encodage du document pour son bon affichage. Cela peut être fait en utilisant la balise ... Les balises méta fournissent des informations sur la structure d'une page et sont généralement situées à l'intérieur de la tête.

Lien

Connaître les bases du HTML implique également d'utiliser des feuilles de style en cascade, ou css. Ils définissent les propriétés des éléments qui seront affichés sur la page. L'approche moderne de cette tâche implique le placement de caractéristiques telles que la couleur, la hauteur et l'emplacement d'un élément dans fichier externe pour plus de confort. Pour connecter le fichier css, utilisez la balise ... Sous sa forme finie, cela ressemble à quelque chose comme ceci: où href indique l'emplacement du fichier et type indique son type.

Corps

C'est dans cette partie du document HTML que la partie visible de la page est créée. Tout ce qui est fait à l'intérieur du "corps" sera affiché par le navigateur. V une énorme quantité de Balises HTML... Les bases sont la mise en forme du texte, le travail avec des liens et des outils de base pour structurer une page Web. Pour débuter en HTML, il suffit de connaître et d'utiliser les balises de base. Voici les plus populaires :

• - il est utilisé pour mettre en évidence une sous-chaîne qui sera couverte par un style spécial décrit en css ;
• - crée un lien sur une page web ; l'adresse de saut est spécifiée par l'attribut href ;
• - l'un des tags les plus populaires de notre époque ; tous ceux qui décident d'apprendre les bases du langage HTMLl doivent y porter une attention particulière, car il s'agit d'un élément de bloc, sur la base duquel se compose la part du lion des sites modernes (paramètres des blocs

  sont définis en css, et d'autres blocs peuvent être situés à l'intérieur de cette balise);

• Extrait un paragraphe du texte ; le contenu du paragraphe est compris entre les balises d'ouverture et de fermeture ;

• - une liste numérotée dont les éléments sont enfermés dans une balise appariée
  1. - liste à puces, dans laquelle, outre les éléments numérotés, les éléments sont indiqués par la balise

     • -

       - les en-têtes de document (le numéro indique le niveau d'en-tête, c'est-à-dire

       - le titre principal, et les variantes suivantes sont ses sous-titres, soit dit en passant, les titres des niveaux

       ,

       presque impossible à trouver sur Internet), il est également important de se rappeler qu'il ne peut y avoir qu'une seule rubrique sur une page

       ;

     • - la vignette;
     • - italique ;
     • - insertion d'une image sur une page web (il s'agit d'une balise unique, elle n'a pas besoin de balise de fermeture, mais elle doit y être spécifiée attribut alt, qui indique le texte de l'image);

     Ce ne sont là que quelques-unes des balises dont vous avez besoin pour créer votre propre page Web, mais elles suffisent à jeter les bases du HTML pour les débutants.

     CSS

     Le développement du langage HTML a conduit au fait que chaque balise a acquis de nombreux attributs et que les exigences relatives à l'apparence des pages Web ont considérablement augmenté. Le code est devenu lourd et peu pratique, il était difficile de le lire, encore moins de l'adapter ou de le modifier. De plus, si votre site a dix pages avec beaucoup de titres surlignés en vert, et que vous voulez soudainement les rendre rouges, alors vous devez transpirer, en changeant chacun à la main. Avec l'avènement des feuilles de style en cascade, ce processus est devenu simple et logique, et le code HTML est devenu beaucoup plus lisible.

     

     Application CSS

     Pour créer des pages web, il faut connaître les bases du HTML et du CSS, car il n'y a rien à faire dans ce domaine sans connaissance des feuilles de style en cascade. Ils définissent des attributs pour tout élément qui s'appliquent à l'ensemble du document. Ainsi, vous pouvez définir la couleur de tous les éléments à la fois.

     Ou en écrivant une seule règle. Compte tenu des exigences d'aujourd'hui pour l'apparence des pages Web, l'utilisation de feuilles de style en cascade est un must.

     Afin de connecter un fichier css à un document, il existe une balise link. Le principe de son utilisation a été décrit un peu plus haut, mais ce n'est pas la seule option pour combiner tous les styles en un seul endroit. il y a aussi une étiquette