La page Web HTML est. Création de pages Web. Apprentissage du langage HTML. Éléments de page Web : en-tête
Avant de commencer notre parcours à travers les leçons de création de sites Web HTML et CSS, il est important de comprendre les différences entre les deux langages, la syntaxe de chaque langage et une terminologie de base.
Que sont HTML et CSS ?
HTML (HyperText Markup Language) définit la structure du contenu et sa signification, en définissant le contenu tel que les titres, les paragraphes ou les images. CSS (Cascading Style Sheets) est un langage de présentation créé pour styliser l'apparence du contenu, en utilisant, par exemple, des polices ou des couleurs.
Ces deux langages – HTML et CSS – sont indépendants l’un de l’autre et devraient le rester. CSS ne doit pas être écrit dans un document HTML et vice versa. En règle générale, HTML représentera toujours le contenu et CSS définira toujours le style.
Avec cette compréhension de la différence entre HTML et CSS, examinons le HTML plus en détail.
Termes HTML de base
Avant de commencer à travailler avec HTML, vous rencontrerez probablement des termes nouveaux et souvent étranges. Vous vous familiariserez avec chacun d'eux au fil du temps, mais pour l'instant, vous devriez commencer par les trois termes HTML de base : éléments, balises et attributs.
Éléments
Les éléments spécifient comment définir la structure et le contenu des objets sur une page. Certains des éléments couramment utilisés incluent plusieurs niveaux de titres (définis comme des éléments avec
avant ) et les paragraphes (définis comme
); Vous pouvez inclure des éléments dans la liste
, Les éléments sont identifiés à l'aide de crochets angulaires<>, entourant le nom de l'élément. L'élément ressemblera donc à ceci : Ajout de crochets angulaires< и >crée ce qu'on appelle une balise autour de l'élément. Les balises apparaissent le plus souvent par paires de balises d’ouverture et de fermeture. La balise d'ouverture marque le début de l'élément. Il est constitué d'un symbole<, затем идёт имя элемента и завершается символом >; Par exemple, La balise fermante marque la fin de l'élément. Il est constitué d'un symbole< с последующей косой чертой и именем элемента и завершается символом >; Par exemple, Le contenu qui apparaît entre les balises d'ouverture et de fermeture est le contenu de cet élément. Le lien, par exemple, aura une balise d'ouverture et balise de fermeture. Ce qui se trouve entre ces deux balises sera le contenu du lien. Ainsi, les balises de lien ressembleront à ceci : Les attributs sont des propriétés utilisées pour fournir Informations Complémentairesà propos de l'élément. Les attributs les plus courants incluent l'attribut id, qui identifie l'élément ; l'attribut class, qui classe l'élément ; l'attribut src, qui spécifie la source du contenu intégré ; et un attribut href, qui spécifie un lien vers la ressource associée. Les attributs sont définis dans la balise d'ouverture après le nom de l'élément. En général, les attributs incluent un nom et une valeur. Le format de ces attributs se compose du nom de l'attribut suivi d'un signe égal, suivi de la valeur de l'attribut entre guillemets. Par exemple, élément avec l'attribut href ressemblera à ceci : Shay Howe Ce code affichera le texte « Shay Howe » sur une page Web et, lorsqu'il cliquera sur ce texte, l'utilisateur accédera à http://shayhowe.com. L'élément de lien est déclaré à l'aide d'une balise d'ouverture et balise de fermeture couvrant le texte, ainsi que l'attribut et la valeur de l'adresse du lien déclarée via href="http://shayhowe.com" dans la balise d'ouverture. Riz. 1.01. La syntaxe HTML sous forme de plan comprend un élément, un attribut et une balise Maintenant que vous savez ce que sont les éléments, balises et attributs HTML, jetons un coup d'œil à notre première page Web. Si quelque chose semble nouveau ici, ne vous inquiétez pas, nous le détaillerons au fur et à mesure. Les documents HTML sont de simples documents texte enregistrés avec l'extension .html plutôt que .txt. Pour commencer à écrire du HTML, vous avez d’abord besoin d’un éditeur de texte que vous êtes à l’aise avec. Malheureusement, cela n'inclut pas Microsoft Word ou Pages, car ce sont des éditeurs complexes. Les deux éditeurs de texte les plus populaires pour écrire du HTML et du CSS sont Dreamweaver et Sublime Text. Alternatives gratuiteségalement Notepad++ pour Windows et TextWrangler pour Mac. Tous les documents HTML contiennent une structure obligatoire, qui comprend les déclarations et éléments suivants :
,
, Déclaration du type de document ouest situé au tout début d'un document HTML et indique aux navigateurs quelle version de HTML est utilisée. Puisque nous utiliserons dernière version HTML, notre type de document sera simplement. Après cela vient l'élément indiquant le début d'un document. À l'intérieur élément Tout le contenu visible de la page Web sera contenu dans l'élément
Ceci est une page Web. Ce code affiche le document, en commençant par la déclaration du type de document,, puis vient immédiatement l'élément . À l'intérieur les éléments arrivent Il est temps de vérifier notre travail et de voir comment nos HTML et CSS fonctionnent ensemble. L'ouverture du fichier index.html (ou l'actualisation de la page si elle est déjà ouverte) dans le navigateur devrait afficher un résultat légèrement différent qu'auparavant. Riz. 1.04. Notre site Styles Conference avec réinitialisation CSS Ci-dessous, vous pouvez consulter le site Web de Styles Conference dans son état actuel et également télécharger source site pour le moment. Alors tout va bien! Nous avons franchi de grandes étapes dans ce tutoriel. Pensez-y, vous connaissez maintenant les bases du HTML et du CSS. Au fur et à mesure que nous continuons et que vous passez plus de temps à écrire du HTML et du CSS, vous deviendrez beaucoup plus à l'aise avec ces deux langages. Pour récapituler, nous avons couvert les points suivants : Examinons maintenant de plus près le HTML et familiarisons-nous un peu avec la sémantique. La majeure partie du contenu présenté sur Internet est constituée de pages Web. Il s'agit historiquement du tout premier type de document destiné à être placé dans un espace réseau virtuel, mais il reste toujours d'actualité et n'a pratiquement aucun format concurrent. Quelle est la structure des pages Web ? Quels outils de développement Web utilisent-ils pour créer ? « Lister les principaux éléments d'une page Web », nous dit l'examinateur lors d'un cours d'informatique. Que pouvons-nous lui répondre ? Tout d’abord, nous parlerons de ce qu’est en principe une page Web. Selon la définition généralement acceptée parmi les informaticiens, il s'agit d'un document destiné à être ouvert dans un programme spécialisé - un navigateur, et qui contient des données à afficher sur l'écran de l'ordinateur à l'aide du type de logiciel approprié de divers contenus utiles - des textes. , liens, graphiques, vidéos, musique, etc. Une page Web est Document texte. Les données correspondantes pour le navigateur sont des lettres, des chiffres et Symboles spéciaux, utilisé comme éléments de langage de balisage - HTML. C'est à l'aide de celui-ci que le créateur de la page web « explique » au navigateur comment afficher tel ou tel contenu à l'écran. Peut-on dire qu’une page Web est l’élément principal d’un site Web ? C’est en partie vrai. Cependant, comme nous l’avons noté ci-dessus, une page Web n’est qu’un document texte. Le site contient généralement également des images, des vidéos et d'autres éléments multimédias. Une page Web ne peut pas les contenir, mais elle peut contenir des liens vers eux dans sa structure. Ainsi, la page Web peut être considérée comme le composant principal du site en termes de rôle dominant dans l'affichage du contenu virtuel devant les utilisateurs. Dans de rares cas, bien entendu, le document en question sera le seul composant du site - si, pour une raison quelconque, il ne prévoit pas l'affichage de graphiques, de vidéos et d'autres éléments multimédias. En particulier, les tout premiers sites Web - lorsque les langages de balisage de pages Web sont apparus pour la première fois - n'incluaient pas de contenu pertinent. Devant les yeux de l'utilisateur, il n'y avait que du texte et des liens. Ainsi, une page Web est un document compilé sur Langage HTML, qui est utilisé pour baliser l'hypertexte. Mais quel est ce phénomène ? Qu’est-ce que l’hypertexte ? Sans trop entrer dans la théorie, notons qu'il s'agit d'un texte qui permet d'une manière ou d'une autre d'appréhender accès rapideà un autre - via des liens. C'est impossible dans un livre ordinaire - il y a un « texte simple ». Pour accéder à la page souhaitée, le lecteur doit effectuer plusieurs tours, en lisant d'abord la table des matières ou les notes de bas de page. En mode hypertexte, l'essentiel du travail est effectué par l'ordinateur, en utilisant les informations reflétées dans les éléments HTML de la page. Si un professeur d'informatique nous dit : « Listez les principaux éléments d'une page Web », alors nous pouvons tout à fait correctement commencer à parler des composants du document correspondant qui sont créés à l'aide du langage de balisage HTML. Par conséquent, examinons d’abord quelques points théoriques concernant le HTML. Comment un navigateur lit-il les données nécessaires sur une page Web à partir d'un document HTML ? Très simple. Éléments essentiels de cette langue- ce sont des balises. Dans la plupart des cas, ils sont appariés - il y en a un d'ouverture et un de fermeture. Les premiers sont indiqués uniquement à l’aide de crochets angulaires. Les seconds sont similaires, mais avant la deuxième parenthèse se trouve une barre oblique - le symbole /. Le navigateur est capable de les reconnaître et affiche donc sans problème le contenu des pages Web conformément aux algorithmes créés par le développeur du document. La balise d'ouverture est généralement écrite en majuscules, la balise de fermeture en minuscules. Il s’agit d’une norme qui s’est établie parmi les informaticiens. Le navigateur reconnaîtra bien sûr la commande HTML dans toutes les lettres, mais il est toujours conseillé aux développeurs Web de respecter le schéma d'écriture des balises marquées. Cela permettra par exemple à d'autres spécialistes d'améliorer plus facilement la page Web. D'autres éléments importants du langage HTML sont les attributs. Avec leur aide, le créateur d'une page Web peut définir les propriétés du contenu - par exemple, la hauteur de la police, sa couleur, sa position par rapport à la page. Il en va de même pour les images, vidéos et autres composants multimédias. Les attributs sont écrits dans la balise d'ouverture. Entre les balises d'ouverture et de fermeture se trouve le prochain élément clé d'une page Web : le contenu. Il s’agit en fait du contenu même qui doit être affiché devant l’utilisateur sur l’écran. Il peut s'agir d'un texte, d'un lien, d'une image, d'une vidéo ou d'un autre élément multimédia. « Alors listez enfin les principaux éléments d’une page Web ! - répète le professeur. « Avec plaisir », lui répondons-nous. Qu'est-ce qui est inclus dans la structure du type de document considéré ? Admettons que nous considérerons cet aspect dans le contexte des éléments HTML de la page web. C'est-à-dire que leur affichage dans le navigateur - ce que l'utilisateur voit à l'écran - nous intéressera dans une moindre mesure. Le fait est que les algorithmes HTML correspondants, sur la base desquels le programme affiche le contenu de la même manière, peuvent être différents. Et c'est une particularité du langage HTML : l'image souhaitée sur une page Web peut être affichée différentes façons. Dans le même temps, ils peuvent être soit équivalents en termes de coûts de main-d'œuvre du créateur de pages Web, soit nécessiter des efforts et du temps différents pour leur mise en œuvre. Les éléments standards d’une page Web, aussi surprenant que cela puisse paraître, sont présentés en très petite quantité. En fait, il n'y en a que deux : le titre et le corps principal du document. De plus, chacun d’eux peut avoir une structure assez complexe. Quelles sont les spécificités du titre ? Il est situé tout en haut de la page Web. Le code HTML qui forme l'en-tête est généralement destiné à « crypter » uniquement le texte, mais si nécessaire, de petits inserts graphiques peuvent également être placés dans l'élément correspondant. Et c’est en fait tout ce que l’on peut dire sur le titre. Il semblerait que son rôle dans la structure du document correspondant soit insignifiant. Mais ce n'est pas vrai. Les titres des pages Web sont très importants du point de vue de l'indexation des sites dans les moteurs de recherche - Yandex, Google. Cet élément doit être tout à fait pertinent par rapport au contenu de la page web, ainsi qu'aux spécificités thématiques du site. Comment le titre d’une page Web est-il capturé en utilisant HTML ? Très simple. Tout d'abord, la balise d'ouverture est écrite, qui ressemble toujours à HEAD avec des crochets angulaires, puis le contenu de l'en-tête, puis la balise de fermeture. Ils sont bien entendu écrits tout en haut du document Web. Le titre d'un document Web peut inclure un certain nombre d'éléments supplémentaires. Parfois, le format d'une page Web peut nécessiter que le texte soit affiché dans un codage spécifique. Comment pouvez-vous vous assurer que votre document Web répond à ce critère ? Très simple. Les algorithmes HTML doivent être placés dans la structure d'en-tête du document, demandant au navigateur d'utiliser un codage de langue spécifique - par exemple le cyrillique. Les commandes correspondantes sont placées dans la balise META qui, comme d'autres, peut être ouverte et fermée. La partie principale du document Web s'ouvre avec la balise BODY et se ferme avec l'élément correspondant, y compris une barre oblique. De plus, entre les balises d'ouverture et de fermeture, il peut y avoir un grand nombre de commandes supplémentaires de langage de balisage hypertexte. Cela est dû au fait que la partie principale de la page Web contient son contenu utile - textes, liens, graphiques, vidéos, divers formulaires à remplir. Chacun des types de contenu correspondants possède ses propres balises. La structure de la partie principale d'un document Web peut contenir des commandes HTML, qui sont également utilisées pour formater le texte - par exemple, en attribuant à la police une certaine couleur, taille et d'autres propriétés. Examinons les spécificités de certaines balises HTML couramment utilisées. En fait, ils constituent les principaux éléments d’une page Web. Ainsi, afin d’étudier en détail quels sont les éléments d’une page Web, étudions plus en détail l’essence des balises HTML de base. Nous en avons déjà donné quelques-uns ci-dessus - notamment ceux à l'aide desquels le navigateur lit les en-têtes des pages Web et détermine où se trouve la partie principale du document. La balise P est assez courante. Elle, comme d'autres éléments similaires du langage de balisage hypertexte, peut être ouverte et fermée. Cette balise vous permet de formater un seul paragraphe d'un document. Vous pouvez, par exemple, définir un type de police ou une couleur spécifique. Cependant, cela se fait à l'aide d'une balise supplémentaire - FONT. Dans ce cas, il sera placé à l'intérieur de celui qui marque les limites du paragraphe - cela empêchera la commande HTML reflétant le type de police préférée d'être distribuée aux autres éléments de la page Web. Les tableaux sont créés à l'aide de la balise TABLE. À l'aide des attributs correspondants, vous pouvez déterminer le nombre requis de colonnes et de lignes, définir leur largeur, leurs bordures spécifiques, la taille et la couleur de police du texte du tableau. Responsable du traitement des images par le navigateur. Vous pouvez également y placer divers attributs qui régulent la taille de l'image et sa position sur la page. Les liens vers d'autres documents ou fichiers Web sont indiqués à l'aide de la balise A. En règle générale, il contient des attributs qui indiquent le fait qu'il existe un lien hypertexte dans la structure de la page Web. Dans ce cas, le document, fichier ou site vers lequel il mène est indiqué. Une balise courante est FRAMESET. Avec son aide, vous pouvez diviser l'espace d'une page Web en plusieurs zones - les cadres. Dans chacun d'eux, vous pouvez utiliser des documents Web distincts. Autrement dit, les cadres vous permettent de positionner correctement deux pages ou plus sur un écran en même temps. Une histoire sur les éléments clés des pages Web et une histoire ultérieure sur les moyens de les formater à l'aide du langage HTML - tel sera approximativement l'algorithme de notre réponse à la question que l'examinateur nous a posée. S'il nous disait « lister les principaux éléments d'une page Web », alors nous, en utilisant la méthodologie appropriée, aurons toutes les chances de découvrir le sujet. Autrement dit, par le terme « éléments », nous pouvons comprendre les composants clés de la structure d'un document Web, ou les types de contenu - texte, images, tableaux, cadres, liens que le webmaster génère à l'aide d'un outil tel que le langage HTML. . En plus de ce qui a été dit, nous pouvons expliquer qu'il existe un grand nombre de balises et d'attributs fournis par les standards HTML. En plus du HTML, les développeurs Web peuvent utiliser des outils de formatage supplémentaires pour les documents hypertextes. Par exemple, avec en utilisant Javascript vous pouvez créer des pages Web dynamiques, c'est-à-dire celles dont le contenu est constamment mis à jour (à la fois en raison des actions de l'utilisateur lui-même et conformément à des algorithmes pré-écrits dans des scripts). Il serait utile d'ajouter qu'un développeur Web peut utiliser des langages de programmation à part entière dans son travail, comme par exemple Perl, PHP, Java, Python, à l'aide desquels les possibilités de travailler avec des documents hypertextes deviennent encore plus large. Cette nécessité peut être due au fait que les domaines d'application des technologies Web sont aujourd'hui très différents. Les défis auxquels sont confrontés les développeurs modernes peuvent être assez complexes. Par exemple, il est parfois nécessaire de traduire vers l’anglais des pages Web rédigées en russe. Dans ce cas, les outils du développeur seront très divers. Objectif du travail : familiariser les étudiants avec les concepts de base du langage HTML, la structure d'un document HTML, les balises obligatoires, les commentaires, les méthodes de formatage du texte, les styles physiques et logiques, acquérir des compétences dans la création de documents Web statiques simples. Dans les cours de laboratoire, nous utiliserons l'éditeur de texte Notepad pour préparer des fichiers HTML, et le navigateur Internet Explorer comme outil de suivi de ce qui a été fait. Informations théoriques Concepts de base Hypertexte- une structure d'information qui permet d'établir des connexions sémantiques entre des éléments de texte sur un écran d'ordinateur de manière à pouvoir passer facilement d'un élément à un autre. En pratique, en hypertexte, certains mots sont mis en valeur en les soulignant ou en les colorant d'une couleur différente (hyperliens). La mise en surbrillance d'un mot indique un lien entre ce mot et un document dans lequel le sujet associé au mot en surbrillance est abordé plus en détail. Un document distinct, rédigé au format HTML, s'appelle : Document HTML ; Document Web ; Page web. Ces pages sont généralement au format NTM ou HTML. Un groupe de pages Web appartenant à un auteur ou à un organisme de l'IEDV et reliées entre elles par des hyperliens communs forme une structure appelée nœud Web ou site Web. Chaque page HTML a sa propre URL unique - undpec sur Internet. Cadre (Cadre)
- un terme qui a deux significations. La première valeur est la zone du document avec ses propres barres de défilement. La seconde est une image 0DNN0H dans un fichier graphique animé (frame). Applette (Applette)
- un programme transféré sur l'ordinateur client sous forme de fichier séparé et lancé lors de la visualisation d'une page Web. Scénario (Scénario)
, ou script, est un programme inclus dans une page Web pour étendre ses capacités. Dans certaines situations, le navigateur Internet Explorer affiche le message : « Autoriser l'exécution du script sur la page ? Dans ce cas, nous entendons des scripts. Image de synthèse
(Commun
passerelle
Interface)
- un nom général pour les programmes qui, fonctionnant sur un serveur, permettent d'étendre les capacités des pages Web. Sans de tels programmes, il est impossible de créer des pages Web interactives. Navigateur (Navigateur)
- un programme de visualisation de pages Web. Élément- Conception du langage HTML. Vous pouvez le considérer comme un conteneur contenant des données et vous permettant de les formater d'une certaine manière. Toute page Web est un ensemble d'éléments. L’une des idées principales de l’hypertexte est la possibilité d’imbriquer des éléments. Par exemple: <Начало
элемента>Le contenu de l'élément, les données que l'élément formate Étiqueter(en anglais tag - label, descriptor, label) - le marqueur de début ou de fin d'un élément. Les balises définissent les limites de l'action des éléments et séparent les éléments les uns des autres. Dans le texte d'une page Web, les balises sont placées entre crochets<
>, et la balise de fin est toujours suivie d'une barre oblique. Texte pas entre ces crochets (< >), est entièrement visible lorsqu'il est visualisé dans un navigateur. Par exemple: <Начальный
тег>Le contenu de l'élément, les données qui formate un élément <Р>Ce texte sera situé dans un paragraphe séparé Toute page Web est un ensemble d'éléments. L’un des principes de base du HTML est la possibilité d’imbriquer un élément dans un autre. Attribut- paramètre ou propriété d'un élément. Les attributs sont situés à l'intérieur de la balise de début et sont séparés les uns des autres par des espaces. Si le ciment contient du texte, les attributs peuvent définir la couleur et la taille de la police, l'alignement paragraphe de texte et ainsi de suite. Si l'élément contient une image, alors les attributs peuvent spécifier la taille de l'image, la présence et la taille d'un cadre autour de l'image, etc. <Р
align="center">Ce texte sera aligné au centre de l'écran Cet exemple utilise à nouveau une balise qui définit le début et la fin d'un paragraphe. Cependant, la balise de début contient un attribut align, qui définit l'alignement du texte au centre de l'écran. Note: Toute information utile doit apparaître entre les balises de début et de fin indiquant son format ; Tous les attributs sont situés dans la balise de début ; Pour faciliter l'utilisation, vous pouvez écrire la balise de début avec une lettre majuscule (P) et la balise de fin avec une lettre minuscule (/p), bien que cela ne soit pas nécessaire ; Tous les éléments ne nécessitent pas une balise de fin (fermeture) ; Commencez à écrire chaque nouvel élément sur une nouvelle ligne. Indenter les éléments imbriqués (onglet). Encore une fois, ce n’est pas nécessaire, mais cela facilitera grandement votre travail. Une page Web est un document spécialement formaté qui peut inclure du texte, des graphiques, des hyperliens, de l'audio, de l'animation et de la vidéo. Plusieurs pages Web partageant un thème, une conception et des liens communs, et résidant généralement sur le même serveur Web, forment un site Web. Site Web (de l'anglais. site web: la toile- « web, réseau » et site- « lieu », littéralement « lieu, segment, partie du réseau ») - une collection documents électroniques(dossiers) d’un individu ou d’une organisation dans réseau informatique, réunis sous une même adresse (nom de domaine ou adresse IP). Tous les sites constituent ensembleWorld Wide Web, où la communication (Web) rassemble des segments d'informations de la communauté mondiale en un seul tout - une base de données et des communications à l'échelle planétaire. Un protocole a été spécialement développé pour l'accès direct des clients aux sites sur serveurs HTTP .
Un site Web est structuré comme un magazine contenant des informations sur un sujet ou une problématique particulière. Tout comme un magazine est constitué de pages imprimées, un site Web est constitué de pages Web informatiques. Le programme qui affiche une page Web s'appelle un navigateur Web. Les sites Web sont créés à l'aide du langage de balisage de documents hypertextes HTML. La technologie HTML consiste à insérer des caractères de contrôle (balises) dans un document texte ordinaire et nous obtenons ainsi une page Web. Le navigateur, lors du chargement d'une page Web, la présente à l'écran sous la forme spécifiée par des balises. HTML vous permet de : · formater le texte ; · inclure des images et du multimédia dans le document ; · Grâce à ce langage, des liens hypertextes vers d'autres pages Web sont créés. HTML est utilisé pour créer le contenu des informations sur les fichiers et pour définir la structure et le format des pages Web. Étant donné que les fichiers HTML sont des fichiers texte brut, un tel fichier peut être envoyé vers pratiquement n'importe quel ordinateur. Pour créer des pages Web, de simples éditeurs de texte sont utilisés qui n'incluent pas de caractères de contrôle de formatage de texte dans le document créé. En tant qu'éditeur sous Windows, vous pouvez utiliser application standard"Carnet de notes". En règle générale, un fichier de page Web possède une extension .html ou .htm. De plus, il existe de nombreuses technologies dans lesquelles les étapes de base de la création de sites Web sont déjà automatisées ; il ne reste plus qu'à apporter les modifications en fonction de votre sujet. Pour visualiser une page HTML, entrez simplement son URL dans la barre d'adresse de votre navigateur Web puis suivez les hyperliens. Mais c'est précisément le problème principal : comment connaître l'adresse de la page ? Le plus souvent, il arrive que vous sachiez ce que vous devez trouver, mais que vous ne sachiez pas exactement où chercher. Pour résoudre ce problème, il existe des moteurs de recherche spéciaux. Du point de vue de l'utilisateur, système de recherche- c'est un site régulier sur page d'accueil qui contient des liens vers d'autres sites, répartis en catégories (« Sports », « Business », « Informatique », etc.). De plus, le moteur de recherche permet à l'utilisateur de saisir plusieurs mots-clés et renvoie des liens vers des pages contenant ces mots-clés. Site web Un site Web (anglais Website, de web - web et site - « place ») est un ensemble de documents d'une personne ou d'une organisation privée réunis sous une seule adresse sur un réseau informatique. Par défaut, on suppose que le site se trouve sur Internet. Tous les sites Internet constituent collectivement le World Wide Web. Le protocole HTTP a été spécialement développé pour permettre aux clients d'accéder directement aux sites Web sur les serveurs. Les sites Web sont autrement appelés la représentation Internet d’une personne ou d’une organisation. Lorsqu’ils disent « votre propre page sur Internet », cela désigne un site Web entier ou une page personnelle faisant partie du site de quelqu’un d’autre. Outre les sites Web sur Internet, des sites WAP pour téléphones mobiles sont également disponibles. Au départ, les sites Web étaient des collections de documents statiques. Actuellement, la plupart d’entre eux se caractérisent par leur dynamisme et leur interactivité. Pour de tels cas, les experts utilisent le terme application Web - prête à l'emploi progiciel pour résoudre les problèmes du site Web. Une application Web fait partie d'un site Web, mais une application Web sans données n'est que techniquement un site. Dans la plupart des cas sur Internet, à un site Web correspond un nom de domaine. Exactement selon noms de domaine les sites sont identifiés dans réseau mondial. D'autres options sont possibles : un site sur plusieurs domaines ou plusieurs sites sous un même domaine. En règle générale, plusieurs domaines sont utilisés par les grands sites (portails Web) pour séparer logiquement les différents types de services fournis (mail.yandex.ru, news.yandex.ru, auto.yandex.ru). Il existe également des cas où des domaines distincts sont alloués pour différents pays ou des langues. Par exemple, google.ru et google.fr sont logiquement des sites Google dans des langues différentes, mais techniquement ce sont des sites différents. La combinaison de plusieurs sites sous un même domaine est typique pour hébergement gratuit. Pour identifier les sites, l'adresse contient un tilde et le nom du site après l'hôte : example.com/~my-site-name/.Mots clés
Les attributs
Démonstration des termes HTML de base
Personnalisation de la structure du document HTML
Bonjour le monde!
Démonstration de la structure d'un document HTML
Démo et code source
Résumé
Ressources et liens
Qu'est-ce qu'une page Web ?
La place et le rôle des pages web dans la structure des sites
Le principe de l'utilisation de l'hypertexte
Structure du langage HTML : balises
Les attributs
Contenu
Éléments de page Web
Éléments de page Web : en-tête
Partie principale de la page Web
Balises HTML de base
Spécificités des outils de développement web
