3. Langage hypertexte HTML

L'hypertexte doit commencer par un mot et se terminer par un mot. Les mots entre crochets sont appelés balises en HTML et descripteurs en programmation. Presque toutes les balises HTML sont appariées - et ainsi de suite.

Les balises appariées mettent en évidence un certain fragment de l'hypertexte - "titre", "corps", etc. La première balise commence le fragment et la seconde - le termine. Dans les descripteurs de fermeture, le nom est précédé d'un caractère fractionnaire /.

Structure générale de l'hypertexte écrit en langage HTML :

hypertexte :: = corps du titre

titre :: = titre

titre :: = titre

corps :: = texte

Conformément aux règles du HTML, l'hypertexte doit avoir un "titre" et un "corps". En tant que publication, l'hypertexte peut et doit contenir des informations sur les auteurs et les titulaires de droits d'auteur (sites).

Le titre de l'hypertexte doit contenir le "titre", qui est affiché par les navigateurs sur la toute première ligne de l'écran de l'ordinateur. Le titre doit exprimer l'idée principale de la publication (page). L'hypertexte sans titre est comme un article sans titre.

Le « corps » de l'hypertexte doit contenir des textes, tableaux, photographies et illustrations. La différence entre l'hypertexte électronique et les textes papier ordinaires réside dans l'inclusion d'hyperliens, sur lesquels un clic provoque le chargement d'un nouvel hypertexte.

Un exemple d'hypertexte et le résultat de son affichage par un navigateur sur un écran d'ordinateur :

Hypertexte : Résultat :

Le résultat du navigateur est le chargement et l'affichage sur l'écran de l'ordinateur de l'hypertexte stocké sur le site à l'adresse indiquée dans la fenêtre du navigateur. Si l'hypertexte est trop grand, le navigateur affiche les boutons poussoirs hypertexte à droite ou en bas de l'écran.

Les tailles des écrans d'ordinateur ont le spectre suivant. La taille minimale de l'écran est de 640 x 480 pixels. De plus, les tailles d'écran standard sont de 800 x 600, 1024 x 768 et 1280 x 1024 pixels. Par conséquent, vous pouvez regarder différemment sur différents écrans.

Structure générale des hypertextes et leur affichage sur un écran d'ordinateur :

Hypertexte : Résultat :

La partie texte peut être constituée de lignes et de paragraphes avec et sans en-tête, avec des listes, des tableaux et des menus.

le corps du texte

texte :: = titre (texte) |

liste (texte) |

tableau (texte) |

Les en-têtes en hypertexte sont formatés comme suit :

en-tête :: =

Titre

en-tête :: =

Titre

en-tête :: =

Titre

où les balises H2, ..., h6 définissent la taille des titres par rapport au corps du texte.

Les paragraphes en hypertexte commencent par un descripteur

hypertexte |

|

Les sauts de ligne et les paragraphes sont indiqués par la poignée ... La fin de paragraphe p> est facultative, mais est requise lors de l'utilisation de paramètres dans le descripteur de paragraphe.

Le paramètre principal des paragraphes - aligner - alignement des textes sur l'écran de l'ordinateur. L'alignement des textes est effectué par les navigateurs automatiquement en fonction de la taille de l'écran de l'ordinateur :

align = centre-centre de l'écran :

aligner = de gauche à gauche ;

aligner = droite - vers la droite ;

aligner = justifier - plein écran.

Pour aligner les paragraphes, un seul style général doit être sélectionné, qui doit être appliqué à tout le monde dans tous les hypertextes du site.

Pour styliser l'hypertexte, HTML dispose d'un riche éventail de polices, de styles et de ressources. L'outil de conception le plus simple consiste à surligner les mots afin d'attirer l'attention des lecteurs du site sur des parties individuelles du texte.

Pour surligner des mots en hypertexte, vous pouvez utiliser des caractères gras ou soulignés avec les balises suivantes :

Grands caractères

caractère gras

italique je>

souligner

barré

petits caractères

La sélection de la police dans l'hypertexte est spécifiée par la balise : polices :: = police de texte>

Paramètres de police - leur taille et leur type. Les tailles de police sont définies par le paramètre size = size.

La taille est indiquée explicitement de 1 à 6, soit sous forme croissante +1, +2 ou décroissante - 1, - 2.

Le type de police est défini par le paramètre

visage = police

La police ici est l'une des polices standard : Times, Courier, etc.

La couleur de la police est définie par le paramètre color = color, où color est la couleur du fragment hypertexte sélectionné. Par exemple - surligner du texte en rouge :

police de texte>

Noms de couleurs standard dans le langage НТМL :

rouge - rouge, vert - vert, bleu - bleu, noir-noir,

blanc - blanc, or - or, jaune-jaune, etc.

Pour la conception d'un hypertexte, il est préférable de prendre comme exemple un bon livre ou un bon magazine publié par une maison d'édition professionnelle, ou le livre électronique, le journal ou le site Web de quelqu'un sur Internet.

Un style de conception uniforme est une propriété importante de toute publication dans des livres, des magazines et des sites Web. À l'avenir, il est préférable de respecter les normes et le style de conception acceptés pendant toute la période de création et de maintenance du site.

Des fragments d'hypertexte peuvent être placés sur un même site ou sur plusieurs sites voire sur plusieurs serveurs. Des liens hypertextes externes indiquent les noms des fichiers correspondants sur le site, le serveur ou sur Internet :

Forme générale des hyperliens externes :

où « adresse » est l'adresse de l'hypertexte au sein du site ou sur un autre serveur sur Internet.

Exemples d'hyperliens externes :

a) adresse du site Web sur Internet :

http://bak2.nagod.gu

b) adresse de la page sur le site :

http://bak2.nagod.gu/inrogl.html.

c) l'adresse de la page dans le dossier du site ;

http://bak2.nagod.gu/tests/test2.html.

essais 2 a>

A l'aide du dispositif d'hyperliens sur les sites, le placement de tous les dessins, photographies et autres illustrations graphiques est organisé. Pour cela, tous les fichiers comportant des illustrations graphiques sont préenregistrés sur le site.

Les fichiers graphiques sont généralement situés sur des sites et dans un dossier séparé nommé image. Le chargement des illustrations sur les écrans des postes utilisateurs est réalisé par les navigateurs avec l'aide d'opérateurs :

La forme générale des opérateurs de chargement des illustrations graphiques :

La disposition des illustrations sur l'écran de l'ordinateur est définie par les paramètres d'alignement : align = left - le long du bord gauche, align = right - le long du bord droit de l'écran. Dans ce cas, le texte circule autour de l'illustration, respectivement, à droite ou à l'aveugle.

Les illustrations peuvent être pressées vers le bord supérieur ou inférieur de l'écran, ce qui est défini par les paramètres : align = top - vers le bord supérieur, align = bottom - vers le bord inférieur de l'écran, ou alignées au milieu de l'écran - aligner = milieu.

Pour positionner les illustrations sur l'écran de l'ordinateur, leur largeur et leur hauteur peuvent être indiquées dans l'opérateur de chargement :

hauteur : = hauteur = "hauteur"

largeur : = largeur = "longueur"

Les tailles des illustrations sont définies par le nombre de points sur l'écran (en pixels) ou en pourcentage de la hauteur ou de la largeur de l'écran de l'ordinateur. Dans ce dernier cas, les illustrations auront des tailles différentes sur des écrans différents. En calculant l'emplacement des illustrations pour des écrans de tailles minimales, vous pouvez être sûr de leur placement sur des écrans de toute autre taille.

Les tailles des illustrations sont généralement choisies de manière à ce qu'elles soient visibles dans leur intégralité même sur des écrans d'ordinateur de taille minimale. Si la grue informatique est plus grande, les illustrations n'en occuperont qu'une partie.

Les listes hypertextes sont des listes avec numérotation ou surlignage des éléments de la liste. Tous les éléments commencent par des balises

... Les listes numérotées commencent par la balise

et terminer par la balise

... Les listes non numérotées sont délimitées par des balises.

Les listes hypertextes sont un outil pratique pour organiser les tables des matières dans les sites complexes et les hypertextes volumineux. Les éléments de ces listes sont les adresses des sections correspondantes des sites (chapitres, paragraphes des sections des livres électroniques et des bibliothèques).

Conclusion

HTML est un langage de balisage hypertexte.

Tous les fichiers placés doivent être en hypertexte, écrits au format HTML et avec des identifiants comme.html.

HTML est un langage de balisage hypertexte qui est stocké sur des serveurs Web et affiché par les navigateurs sur les écrans d'ordinateur. Le langage HTML définit les règles de description de l'hypertexte et de leur affichage sur les écrans d'ordinateur par les navigateurs.

Le développement du langage de balisage hypertexte a été considérablement influencé par deux facteurs : la recherche sur les interfaces des systèmes hypertextes et le désir de fournir un moyen simple et rapide de créer une base de données hypertexte distribuée sur un réseau.

Règles de base pour l'imbrication des éléments :

Les éléments ne doivent pas se chevaucher ;

Les éléments de bloc peuvent contenir des éléments de bloc et de texte imbriqués ;

Les éléments de texte peuvent contenir des éléments de texte imbriqués ;

Les éléments de texte ne peuvent pas contenir d'éléments de bloc imbriqués.

A strictement parler, toutes les règles du langage HTML. peuvent être considérés uniquement comme des "souhaits". L'outil utilisé pour rendre le document Web fera de son mieux pour interpréter le balisage de la manière la plus raisonnable. Cependant, seul le strict respect de la spécification linguistique est garanti pour reproduire correctement un document.

Bibliographie

"Informatique économique" / Sous. éd. P.V. Konyukhovsky et D.N. Kolesova, Saint-Pétersbourg : Peter, 2000, 560s.

Kaimin VA, "Informatique", manuel, 4e éd. M. :, 2003-285s.

"Informatique", cours de base, 2e édition / Sous. éd. S.V. Simonovich, Saint-Pétersbourg : 2003, 640s.

Le balisage hypertexte est utilisé pour indiquer dans quelle partie de l'écran et comment le texte doit être affiché et comment les textes qui composent la base de données hypertexte sont liés les uns aux autres. À ces fins, des caractères de contrôle spéciaux sont introduits dans le texte. Le texte échappé est stocké dans un fichier texte brut en codes ASCII et peut être traité par presque n'importe quel éditeur de texte.

Le langage de balisage hypertexte HTML a été proposé par Tim Berners-Lee en 1989. Au moment de la création du HTML, il existait un standard pour le langage de balisage pour les documents imprimés - SGML (Standard Generalized Markup Language), qui a été pris comme base du HTML. Il a été supposé qu'une telle solution aiderait à utiliser les logiciels existants pour interpréter la nouvelle langue.

En tant qu'élément de la base de données hypertexte pour HTML, un fichier texte brut a été sélectionné, qui est stocké au moyen du système de fichiers de l'environnement d'exploitation.

Ainsi, une base de données hypertexte dans le concept WWW est un ensemble de fichiers texte écrits en langage HTML qui définit :

Formulaire de présentation des informations (balisage);

La structure des liens entre les fichiers (liens hypertextes). Cette approche suppose la présence d'un autre composant

technologie - interprète de langue. Dans le WWW, les fonctions d'interprétation sont réparties entre le serveur de base de données hypertexte et l'interface utilisateur. Le serveur, en plus d'accéder aux documents et de traiter les liens hypertextes, effectue également un traitement de prétraitement des documents, tandis que l'interface utilisateur interprète les constructions linguistiques associées à la présentation des informations.

En 1990. il y avait une version zéro de HTML 0.

La première version (HTML 1.0) visait à représenter le langage en tant que tel, où la description de ses capacités était plutôt de nature consultative.

Les prévisions sont l'épine dorsale de tout système commercial, donc des prévisions bien conçues peuvent vous rendre riche.

La deuxième version (HTML 2.0) a corrigé la pratique de l'utilisation de constructions de langage et est devenue la norme pour la construction du WWW.

La version ++ de HTML ++ a introduit de nouvelles possibilités de présentation d'informations et de tableaux scientifiques, et d'amélioration du style de mise en page du texte et des images.

La troisième version (HTML 3.0) rationalise toutes les innovations et formalise l'interface utilisateur du système distribué hypertexte.

En 1996. une nouvelle version du langage est sortie : HTML 3.2, qui inclut des outils de création de tableaux, des constructions de langage Java, des images cliquables (situées sur la machine cliente) et de nouveaux types de formatage de texte.

HTML est un langage textuel dans lequel des instructions de formatage, appelées balises, sont intégrées au texte d'un document.

Le processus de création d'un document HTML consiste à inclure des balises à l'intérieur d'un texte non formaté qui porte une charge informationnelle.

Les balises HTML sont des séquences de caractères commençant par un signe inférieur à (<) и заканчивающиеся знаком “больше” (>).

La plupart des fonctions de formatage en HTML spécifient des styles logiques plutôt que physiques. Par exemple, les balises d'en-tête, qui indiquent généralement des lettres plus grandes, n'indiquent pas quelle taille utiliser. Le navigateur (qui agit comme un programme client) choisit une taille de texte plus grande pour les en-têtes. Cette approche permet de se débarrasser de la plate-forme - un document créé sur un Macintosh peut être utilisé par UNIX ou Windows. L'inconvénient est que le document est différent sur différentes plates-formes.

Les navigateurs WWW fonctionnent selon les règles suivantes lors de l'analyse de phrases HTML :

Les espaces et autres caractères « invisibles » sont ignorés ;

Toutes les balises peuvent être divisées en groupes : balises de base, balises de formatage, balises de structure, pointeurs, etc. ;

Les balises de mise en forme peuvent être écrites en lettres minuscules et/ou majuscules ;

La plupart des balises de formatage sont écrites par paires. Une balise ouvrante active cet effet et une balise fermante le désactive. Une paire de balises est parfois appelée conteneur car l'effet qu'elles activent et désactivent apparaît sur le texte qu'elles contiennent. Par exemple, pour indiquer qu'une chaîne doit être imprimée en caractères gras, on écrirait :< B >Cette ligne sera imprimée en gras

Le texte à l'intérieur d'une balise de fin est toujours précédé d'une barre oblique inverse. Parmi les balises HTML de base, les exceptions à cette règle sont :< BASE >(Informations de base),< BR >(fin de ligne),< HR >(règle horizontale), et< IMG >(image). Ces balises existent en un seul exemplaire.

Chaque document HTML a des balises de bordure :< HTML >et... Cette paire de balises englobe toutes les autres balises de la page Web et tout le contenu informatif du document. En fait, ils déclarent que tout le contenu du conteneur est du code HTML. Étiqueter< HTML >doit être sur la première ligne du fichier, et la balise- dans ce dernier.

Chaque document HTML contient le titre du document et son corps.

Le titre du document identifie le document. Il devrait aller juste après la balise< HTML >et commencer par< HEAD >... Le titre se termine par une balise.

Le titre du document doit contenir le titre du document et son URL de base.

Le nom du document est situé entre les balises< TITLE >et... Il est utilisé par le navigateur et le serveur Web. Le nom ne doit pas dépasser 40 caractères. Le titre du document doit être informatif, refléter le contenu du document afin qu'il puisse être identifié. Le nom apparaît dans la barre de titre d'Internet Explorer, dans les listes d'historique et dans les favoris.

L'URL de base doit être entièrement qualifiée (absolue) et contenir le protocole, l'adresse Internet et le nom de fichier. C'est indiqué dans l'étiquette< BASE HREF = “базовый_URL”>... Toutes les autres URL du document peuvent être relatives à celle de base. Par exemple, si l'URL de base est : http://www.microsoft.com/products/office/word/datasheets.html et vous devez spécifier l'URL des fonctionnalités. html situé dans le répertoire /products/office/excel sur le même serveur, vous pouvez spécifier : ../excel/features. html au lieu de saisir l'URL complète.

Symboles. ./ indique que vous souhaitez remonter d'un niveau de répertoire à partir de l'adresse de base.

Avoir une adresse de base facilite le transfert d'un document vers un autre serveur, car si toutes les autres URL du document sont relatives, seul le nom du serveur dans l'URL de base doit être modifié pendant le transfert.

Corps du document contient tout le texte qui porte des informations et toutes les balises HTML utilisées pour formater le texte. Le corps du document commence immédiatement après le titre et est délimité par des balises< BODY >et.

Exemple de document HTML :

< TITLE >Nom du document

< BASE HREF = “базовый_URL” >

Les balises utilisées dans le corps du document vous permettent de spécifier les éléments de balisage de texte suivants :

Début de paragraphe et fin de ligne

Styles de titre

Styles physiques - Styles logiques

Symboles spéciaux.

Liens hypertextes se compose de deux parties : un pointeur et une URL. Un pointeur est un texte sur lequel l'utilisateur doit cliquer pour se déplacer quelque part. L'URL précise l'adresse à partir de laquelle le navigateur téléchargera le document lorsque l'utilisateur cliquera sur le pointeur.

Les pointeurs de texte dans les navigateurs graphiques sont généralement soulignés et surlignés en couleur. Dans les navigateurs de texte pur, ils sont en gras.

N'importe quel texte peut être utilisé comme index, quelles que soient sa taille et ses caractéristiques de mise en forme. Un index peut être composé de plusieurs lettres, mots ou même lignes de texte.

Format du pointeur :

< A HREF = “ URL ”>texte d'index ,

où est la lettre A dans la balise< A HREF >signifie ancre et HREF signifie Hypertext REFerence. Tout entre les balises< A HREF = “ URL ”>etest le texte d'index qui s'affiche en caractères soulignés ou gras.

D'autres codes de formatage peuvent être utilisés en conjonction avec des pointeurs hypertexte. Par exemple:

< A HREF = “ URL ”> < I > ou

< I > < A HREF = “ URL ”>Passons à une présentation plus détaillée

SGML(English Standard Generalized Markup Language - un langage de balisage généralisé standard ; prononcé [es-ji-em-el]) est un métalangage dans lequel vous pouvez définir un langage de balisage pour les documents. SGML est le successeur du Generalized Markup Language (GML) d'IBM de 1969 et ne doit pas être confondu avec le Geography Markup Language développé par l'Open GIS Consortium.

SGML a été conçu à l'origine pour le partage de documents lisibles par machine dans les grands projets gouvernementaux et aérospatiaux. Il était largement utilisé dans l'impression et l'édition, mais sa complexité rendait difficile son adoption à grande échelle pour un usage quotidien.

Les principales parties d'un document SGML sont :

Déclaration SGML - définit quels caractères et délimiteurs peuvent apparaître dans l'application ;

Définition du type de document - définit la syntaxe des constructions de balisage. La DTD peut inclure des définitions supplémentaires telles que des liens mnémoniques symboliques ;

La spécification sémantique, qui fait référence au balisage, fournit également des restrictions de syntaxe qui ne peuvent pas être exprimées dans une DTD ;

Le contenu d'un document SGML - au moins doit être un élément racine.

SGML fournit de nombreuses options de balisage syntaxique à utiliser par diverses applications. En modifiant la déclaration SGML, vous pouvez même éliminer l'utilisation de chevrons, bien que cette syntaxe soit considérée comme standard, dite syntaxe de référence concrète.

Exemple de syntaxe SGML :

typiquement quelque chose comme cette

SGML est normalisé par l'ISO : "ISO 8879 : 1986 Traitement de l'information-Text and office systems-Standard Generalized Markup Language (SGML)"

HTML et XML sont dérivés de SGML. HTML est une application SGML et XML est un sous-ensemble de SGML conçu pour simplifier l'analyse machine d'un document. D'autres applications SGML sont le SGML Docbook (documentation) et "Z Format" (typographie et documentation).

XML- L'Extensible Markup Language, c'est-à-dire l'Extensible Markup Language, est né du développement du langage HTML (HyperText Markup Language). Cependant, ce serait une grossière erreur de le considérer comme une simple version améliorée du langage HTML. Essentiellement, XML est la prochaine génération de langages de balisage. Il y a 3 points à garder à l'esprit qui distinguent fondamentalement XML du HTML et de ses prédécesseurs (GML - Generalized Markup Language, SGML - Standard General Markup Language) :

XML, contrairement à HTML, N'A PAS DE TAGS DÉFINIS - plus précisément, chaque développeur peut créer ses PROPRES tags XML - autant que nécessaire. Le nombre de ces balises est pratiquement illimité. Ainsi, XML est un métalangage qui permet de créer d'autres langages de balisage comme le HTML.

Au fur et à mesure que le langage HTML se développait, le nombre de balises augmentait rapidement. Finalement, leur nombre a atteint une "valeur critique" - il est devenu difficile pour les développeurs de documents Web de mémoriser de plus en plus de balises, mais les développeurs de navigateurs se sont retrouvés dans une position encore pire - ils ont dû créer de nouvelles versions de navigateurs qui "comprennent" les nouvelles balises. Les navigateurs plus intelligents sont de plus en plus gros, imposant des exigences croissantes aux ordinateurs sur lesquels ils sont utilisés. Le problème est aggravé par le fait que ces dernières années, les appareils de poche sont devenus de plus en plus populaires (en particulier, ils sont de plus en plus utilisés dans le commerce électronique), avec une quantité de mémoire limitée et des écrans "faibles", et donc les navigateurs utilisés sur eux n'ont que des opportunités très limitées. XML, qui n'a pas de système de balisage prédéfini, résout ce problème. Le "prix" de la polyvalence est la plus grande rigueur dans la conception des documents web. Les règles de formatage des documents XML sont simples :

les balises de conteneur non fermées ne sont pas autorisées (mais vous pouvez combiner les balises d'ouverture et de fermeture en une seule, par exemple :
)

les conteneurs « imbriqués » ne peuvent pas « se chevaucher »

les lettres minuscules et majuscules sont perçues comme des caractères différents

les mots-clés ne peuvent pas être utilisés comme noms de balises

les espaces, les signes de ponctuation, les parenthèses, les crochets et les accolades ne peuvent pas être utilisés dans les noms de balises

le trait de soulignement (_) et les nombres peuvent apparaître dans les noms de balise, mais un nombre ne peut pas être le premier caractère d'un nom de balise

(Si vous devez utiliser plusieurs mots comme nom de balise, ils doivent être écrits ensemble, en commençant chaque mot par une majuscule.)

Les documents qui satisfont à ces règles sont appelés documents bien formés.

XML sert à DÉCRIRE LA STRUCTURE DES DONNÉES, principalement les STRUCTURES HIÉRARCHIQUES.

L'une des principales tendances dans le développement des technologies Web est la SÉPARATION DES DONNÉES, LA STRUCTURE DES DOCUMENTS ET SA CONCEPTION DE STYLE. Comme vous le savez, l'un des moyens d'isoler les données de la structure du document consiste à lier dynamiquement le SGBD aux documents Web via l'interface ODBC (Open DataBase Connectivity). L'isolement des styles est obtenu grâce à l'utilisation de feuilles de style en cascade. XML vous permet de décrire des bases de données non relationnelles. Étant donné que les balises peuvent être créées par le développeur, leurs noms caractérisent généralement la signification des données.

XML, en tant que moyen de décrire la structure des données, fournit un ÉCHANGE DE DONNÉES entre différentes applications, agissant ainsi comme une sorte de "colle".

La valeur de cette fonction XML "de pontage" ne peut pas être surestimée. Grâce à la possibilité d'échanger des données entre diverses applications, les technologies Web « passent » à un niveau qualitativement nouveau.

Langage de balisage hypertexte (HTML) il s'agit d'un système simple de création de documents hypertextes portables d'une plateforme à une autre. Fondamentalement, les documents HTML sont des documents SGML avec une sémantique commune qui conviennent pour représenter des informations dans une grande variété d'applications. HTML peut être utilisé pour représenter :

Actualité hypertexte, courrier, documentation et hypermédia

Menu d'options

Résultats de la requête de base de données

Documents simples avec graphiques intégrés

Et aussi, pour la visualisation hypertexte de tableaux d'informations existants

Le projet World Wide Web (WWW) rassemble des informations dispersées dans le monde. Pour ce faire, le WWW utilise le protocole HTTP (Internet HyperText Transfer Protocol) - le protocole de transfert hypertexte, qui vous permet de conclure des accords sur la manière dont les données sont présentées dans l'interaction entre le client et le serveur.

Les données sont transmises dans le corps du message conformément à la norme MIME. HTML est l'une des représentations de l'information sur le WWW. HTML est supposé correspondre à l'un des types MIME, à savoir text/html. De plus, HTML est un développement conforme à la norme internationale ISO 8879 - Standard Generalized Markup Language (SGML), qui est un système de définition de types de documents structurés.

document HTML

Un document HTML est similaire à un fichier texte, sauf que certains caractères (chaînes) sont des caractères de contrôle. Ces symboles sont appelés balises et définissent la structure du document.

Les documents HTML doivent commencer par une balise au début du fichier et se termine par la balise... Entre ces balises, le document HTML est organisé en HEAD et BODY du document, un peu comme un message électronique. À l'intérieur de la partie HEAD, le TITRE et d'autres informations sur le document dans son ensemble sont indiqués. À l'intérieur de la partie BODY, à l'aide de balises HTML, le texte est structuré en paragraphes, listes, etc. avec la possibilité de styliser des mots individuels et des phrases entières et de créer des liens vers des parties de ce document et des documents externes. Techniquement, les balises d'ouverture et de fermeture des éléments HTML, HEAD et BODY peuvent être omises. Cependant, cela n'est pas recommandé, car la structure HEAD / BODY permet aux applications de définir les caractéristiques des documents (par exemple, le titre) sans regarder l'intégralité du document.

Structure des éléments HTML

Dans un document HTML, les balises définissent le début et la fin des en-têtes, des paragraphes, des listes, de la surbrillance des caractères et des liens. La plupart des éléments HTML d'un document sont définis comme une balise d'ouverture, qui spécifie le nom et les attributs de l'élément, suivis du corps de l'élément, suivi d'une balise de fermeture. Les caractères délimiteurs de la balise de début sont "<" и ">"; pour la fermeture -"". Par exemple:

C'est l'en-tête

Ceci est un paragraphe.

Certains éléments n'apparaissent que sous forme de balise de début. Par exemple, pour créer une ligne de séparation, utilisez la balise
... De plus, les balises de fermeture de certains éléments (P, LI, DT, DD) peuvent être omises. Un corps d'élément est une séquence de caractères et d'éléments imbriqués. Certains éléments, tels que les éléments qui définissent des liens, ne peuvent pas être imbriqués les uns dans les autres. Dans le même temps, les éléments définissant les liens et la mise en évidence des caractères peuvent être placés à l'intérieur d'autres structures.

Affichage des documents

L'affichage spécifique du document peut varier d'un client à l'autre. Les balises HTML définissent uniquement le style d'affichage général du document. Ce qui signifie, par exemple, que HTML traite l'en-tête de premier niveau uniquement comme l'en-tête de premier niveau, mais ne spécifie pas que l'en-tête de premier niveau doit apparaître en police Times de taille 24 au centre du haut de la page. L'avantage de cette approche est que si l'utilisateur décide de changer le titre de premier niveau en police Helvetica de taille 20 alignée à gauche, tout ce qu'il a à faire est de modifier la définition du titre de premier niveau dans sa visionneuse WWW. Ainsi, la présentation spécifique du document sur l'écran du moniteur est déterminée par l'utilisateur d'un client spécifique.

La principale force du HTML réside dans sa capacité à associer des zones de texte (ainsi que des images) à d'autres documents. Les téléspectateurs surlignent ces zones (généralement avec de la couleur et/ou un soulignement) pour indiquer qu'il s'agit de liens hypertextes. L'ancre est un morceau de texte qui marque le début et/ou la fin d'un lien hypertexte. Le texte entre les balises d'ouverture et de fermeture est le point de départ ou la destination du lien hypertexte. Les attributs de cette balise sont les suivants : HREF

Optionnel. Si l'attribut HREF est présent, Anchor est un texte sensible : le point de départ du lien. Si le lecteur sélectionne ce texte, un autre document lui sera présenté, dont l'adresse réseau a été spécifiée dans la valeur de l'attribut HREF. Le format de l'adresse réseau est le même que l'URL. Cela permet à la structure HREF = "# identifiant" de faire référence à une ancre différente dans le document courant, ou dans un document supprimé en préfixant son adresse avec le signe "#".

Optionnel. S'il est présent, permet à l'ancre d'être utilisée comme destination du lien. La valeur de l'attribut est l'identifiant d'ancrage "a. Une chaîne de texte brut peut être utilisée comme valeur d'identifiant, sauf que tous ces identifiants doivent être uniques dans le même document.

Optionnel. Vous permet de spécifier la relation entre le document à partir duquel le lien a été établi et le document vers lequel le lien a été établi.

HTML est un langage pour décrire la structure des pages Web. Les pages créées avec celui-ci ne peuvent être consultées qu'à l'aide de programmes spéciaux (navigateurs) installés sur les ordinateurs des utilisateurs.

• L'abréviation HTML signifie H oui T poste M arkup L langage (langage de balisage hypertexte).
• N'oubliez pas que ce n'est pas un langage de programmation, c'est un langage de balisage.
• HTML utilise Mots clés balisage pour décrire la structure de la page Web.

Mots clés

Les balises HTML sont des mots-clés ou des caractères entre crochets angulaires, par exemple ,

,

etc. Il existe deux types de balises : jumelé et Célibataire(ils sont aussi appelés vides). Les balises appariées se composent d'une balise de début et de fin, par exemple :. Le "/" après le crochet angulaire indique que la balise se ferme. Les balises simples se composent uniquement d'une balise de début, par exemple :
... Les balises ne sont pas sensibles à la casse, elles peuvent donc être écrites en lettres majuscules et minuscules :

Signifie la même chose que

Les balises définissent où commence et se termine l'élément HTML.

À l'aide de balises, le navigateur reconnaît la structure et la signification de votre texte, par exemple, ils indiquent au navigateur quelle partie du texte est un titre, où commence un nouveau paragraphe, ce qu'il faut souligner et où placer l'image (image ). Après avoir reçu ces informations, le navigateur utilise ses règles par défaut intégrées sur la façon d'afficher chacun de ces éléments.

Remarque : dans notre référence HTML, vous pouvez voir les styles par défaut pour toute balise qui vous intéresse.

Sans utiliser de balises HTML, le navigateur n'affichera qu'un flux de texte solide, sans retrait, en-tête, paragraphe, etc. Pour que ce soit plus clair, examinons de plus près des exemples.

Voici à quoi ressemble une page en utilisant des balises pour le balisage :

Boissons dans notre café

Multifruit - 100 rub.

Une boisson fruitée à base de jus d'orange et d'ananas.

Milk-shake - 150r.

Crème glacée crémeuse mélangée à de la pulpe de fruits.

La même chose, mais sans utiliser de balises :

Boissons dans notre café Multifruit - 100 roubles. Une boisson fruitée à base de jus d'orange et d'ananas. Milk-shake - 150r. Crème glacée crémeuse mélangée à de la pulpe de fruits.

je... Informations de base surHTML.

Ces dernières années, les développements pour l'Internet sont passés de pages statiques à des systèmes d'information dynamiques. Il n'y a pas si longtemps, la création de pages Web modernes ne nécessitait guère plus qu'une maîtrise du langage de balisage hypertexte (HTML).

HTMLest un langage de traitement de texte simple ; dans cette langue à l'aide d'un ensemble de balises (Mots clés) un document est créé qui peut être visualisé avec une visionneuse spécialela toile (navigateur).

HTML n'est pas un langage de programmation comme C++ ou Visual Basic ; cela ressemble plus à un formateur de document utilisant des séquences d'échappement. Le codage HTML est souvent comparé à la création d'un document Microsoft Word en tapant des codes de formatage directement dans le Bloc-notes. De toute évidence, la fonctionnalité de ceci est extrêmement petite.

En dessous de document hypertexte comprendre un document contenant des liens vers un autre document. Mis en œuvre tout cela à travers protocole de transfert hypertexte HTTP(Protocole de transfert hypertexte).

Les informations contenues dans les documents Web peuvent être trouvées par mots-clés. Cela signifie que chaque navigateur Web contient des liens spécifiques à travers lesquels des hyperliens sont formés qui permettent à des millions d'internautes de rechercher des informations dans le monde entier.

Les documents hypertextes sont créés sur la base de HTML (Hyper Text Markup Language). Ce langage est très simple, ses codes de contrôle, qui, en fait, sont compilés par le navigateur pour être affichés à l'écran, sont constitués de texte ASCII. Les liens, les listes, les en-têtes, les images et les formulaires sont appelés Éléments HTML.

Il existe aujourd'hui des tonnes d'éditeurs de pages Web qui ne nécessitent pas que vous connaissiez les bases du HTML. Mais pour pouvoir préparer professionnellement des documents hypertextes, vous devez connaître leur structure interne, c'est-à-dire le code HTML du document.

HTML vous permet de générer diverses informations hypertextes basées sur des documents structurés.

Le navigateur détecte les liens générés et, via le protocole HTTP Hypertext Transfer Protocol, met votre document à disposition des autres internautes. Bien entendu, pour une mise en œuvre réussie de tout cela, un logiciel entièrement compatible avec le WWW et prenant en charge HTML est nécessaire.

II. Description HTML

Document HTML - c'est un fichier texte normal... À l'aide de n'importe quel navigateur Web, vous pouvez afficher le résultat de votre travail en y chargeant simplement un fichier texte généré à partir de la syntaxe HTML.

Le langage hypertexte fournit des informations en lecture seule... Cela signifie que les pages Web ne peuvent être modifiées que par la personne qui les a créées, et non par l'internaute moyen.

Plus l'élément principal du langage hypertexte- ce liens... Sur le World Wide Web, il vous suffit de cliquer sur un lien et de vous retrouver instantanément dans une autre partie du monde sur la page de votre choix.

Mots clés.

Étiqueter- unité stylisée de code HTML.

Étiqueter HTML se compose des éléments suivants, l'un après l'autre dans un ordre spécifique :

• équerre gauche< (такого же, как "меньше чем" символа)
• une barre oblique facultative /, ce qui signifie que la balise est une balise de fin qui ferme une structure... Ainsi, dans ce contexte, vous pouvez lire le caractère / comme la fin...
• nom de balise tel que TITLE ou PRE
• facultatif, même si la balise peut les avoir, les attributs... La balise peut être sans attributs ou accompagnée d'un ou plusieurs attributs, par exemple : ALIGN = CENTER
• le crochet à angle droit> (identique au caractère supérieur à).

La plupart des balises ont élément d'ouverture<> et couvrant. Entre eux et sont codes que votre navigateur Web reconnaît

Dans ce cas, les deux balises et la partie du document qu'elles séparent forment un bloc appelé élément HTML... Certaines balises comme

---

, sont des éléments HTML en eux-mêmes, et la balise de fin correspondante est incorrecte pour eux.

Pour chaque balise, un ensemble de les attributs... La plupart des balises autorisent un ou plusieurs attributs, mais il peut n'y avoir aucun attribut du tout. Spécification d'attribut se compose de disposés dans l'ordre suivant :

• nom d'attribut, par exemple WIDTH
• signe égal (=)
• une valeur d'attribut qui est spécifiée par une chaîne de caractères, telle que "80".

Toujours utile mettre la valeur de l'attribut entre guillemets en utilisant des guillemets simples ("80") ou des guillemets doubles ("80"). Une chaîne entre guillemets ne doit pas contenir les mêmes guillemets à l'intérieur... Ainsi, si la date est entre guillemets doubles, utilisez des guillemets simples pour les guillemets suivants, et vice versa. Vous pouvez également omettre les guillemets pour les valeurs d'attribut constituées uniquement des caractères suivants :

• caractères de l'alphabet anglais (A - Z, a - z)
• chiffres (0 - 9)
• intervalles de temps
• tirets (-)