Et la dernière balise de notre code est - . Également une balise appariée ( Et

), à l'intérieur de laquelle se trouve toute la partie visible du site, c'est-à-dire textes, images, liens, informations générales que vous souhaitez placer sur le site.

Dans la prochaine leçon, nous parlerons des types de balises et des règles pour les écrire.

Qu'est-ce qu'une page Web ? Il s'agit d'un document écrit en langage de balisage hypertexte ( HTML), consultable à l'aide d'un navigateur. La page Web est accessible en saisissant l'URL.

Une page Web peut contenir du texte, des graphiques et des hyperliens vers d'autres pages et fichiers.

Comment ouvrir une page Web

Un navigateur est requis pour afficher la page Web ( par exemple Internet Explorer, Edge, Safari, Firefox ou Chrome). Dans votre navigateur, vous pouvez ouvrir une page Web en saisissant l'URL dans la barre d'adresse. Par exemple, en saisissant " https://www.computerhope.com/esd.htm", vous ouvrirez la page ESD Computer Hope.

Si vous ne connaissez pas l'URL du site que vous souhaitez visiter, vous pouvez utiliser un moteur de recherche pour trouver la page Web ou utiliser la recherche sur site.

Quand la première page Web a-t-elle été créée ?

La première page Web a été créée en CERN par Tim Berners-Lee 6 août 1991. Avant cela, vous pouvez visiter et visualiser le premier site et la première page Web à l'adresse http://info.cern.ch/.

Quelle est la différence entre un site et une page web ?

Un site Web est un endroit qui contient plusieurs pages Web. Par exemple, notre ressource est un site qui comprend des milliers de pages Web différentes, dont celle que vous lisez actuellement :

Exemples de pages Web

Nous avons déjà mentionné que les navigateurs sont utilisés pour visualiser les pages Web. Une page Web se compose de plusieurs éléments, notamment CSS, images et JavaScript. Le corps de la page Web est créé en HTML. Ce code peut être créé à l'aide d'un éditeur HTML, écrit par un humain ou généré à l'aide de scripts côté serveur. En règle générale, une page Web créée par un humain se termine par une extension .htm ou .html. Par exemple, cette page porte le nom de fichier " page web.htm" Les pages générées par le script peuvent se terminer par .cgi, .php, .pl, etc.

Quels éléments contient une page Web ?

Vous trouverez ci-dessous une ventilation des principaux éléments afin que les concepteurs de sites Web puissent comprendre quelle est la logique. structure des pages Web:

1. Le titre du site, le logo ou le nom de l’entreprise se trouvent presque toujours dans le coin supérieur gauche de chaque page Web. C'est également une bonne idée d'utiliser un slogan ou une brève description de la page pour donner aux nouveaux visiteurs une idée du site. Cet élément de page Web est généralement un lien qui mène à la page d'accueil ;
2. La barre de recherche permet aux visiteurs de trouver rapidement une page Web. Il doit être présent sur chaque page ;
3. La barre de navigation ou le menu se trouve généralement en haut ou à gauche de chaque page Web. Il doit inclure des liens vers chacune des sections principales du site ;
4. Les bannières publicitaires peuvent apparaître à différents endroits sur une page Web. Ils sont généralement affichés en haut, à gauche, à droite ou en bas d'une page Web, ou inclus dans le contenu principal ;
5. Les boutons sociaux permettent aux visiteurs de partager un lien vers une page Web sur des sites de réseaux sociaux ;
6. Dans les pages Web créées, le fil d'Ariane aide le visiteur à comprendre où il se trouve et à se déplacer vers d'autres sections du site ;
7. Le titre doit figurer en haut de chaque page Web. Il est créé à l'aide d'une balise HTML

   .

8. Le paragraphe d’ouverture est l’un des éléments les plus importants d’une page Web. Cela devrait intéresser le visiteur à lire le contenu de la page Web. Une façon d'attirer l'attention des visiteurs consiste à insérer une image à côté du paragraphe d'ouverture ;
9. Chaque page Web doit être divisée en titres de niveau inférieur qui permettent au visiteur de parcourir facilement le contenu et de trouver ce qui l'intéresse le plus sur la page. Lors de la création d'une page Web, cela peut être fait à l'aide de balises HTML

   …

   ;

10. C'est une bonne idée de fournir aux visiteurs un lien ou un bouton qui redirige vers un formulaire de commentaires afin qu'ils puissent vous dire si la page Web leur a été utile ou non ;
11. Des informations et outils supplémentaires, comme un bouton pour imprimer la page, peuvent également être utiles aux utilisateurs ;
12. Le pied de page doit inclure des informations supplémentaires importantes pour l’entreprise ou le site. Ainsi que des liens vers d'autres pages Web ;
13. Les droits d'auteur et tout avis légal ou confidentiel doivent également être affichés sur toutes les pages Web. Dans les bases de la conception de pages Web, cet élément peut non seulement renvoyer à des informations juridiques pertinentes. Cela indique également que les visiteurs ont atteint la fin de la page Web ;
14. Un bouton Haut de page peut aider les visiteurs à revenir rapidement en haut d'une page Web pour accéder aux liens de menu.

Que peuvent faire les utilisateurs sur une page Web ?

La plupart des pages Web contiennent des hyperliens intéressants sur lesquels vous cliquez pour trouver plus d'informations. Vous pouvez également écouter de la musique, regarder des vidéos, effectuer des achats, discuter et bien plus encore.

Alors, qu’est-ce qu’un site Web et une page Web ? Pour comprendre cette problématique, réfléchissons à quelles informations peuvent réellement être contenues sur un site Web ? La réponse est évidente : presque n’importe laquelle. Le site peut contenir des informations sur des jeux informatiques, des voitures, des poissons d'aquarium, des créatures mythiques, des villes et pays du monde, etc. et ainsi de suite. La liste se rallonge de plus en plus. Vous pouvez même publier, par exemple, des œuvres de grands classiques russes sur le site. Que pensez-vous du site « Guerre et Paix » ? Il s'avère que le site est un livre, mais pas simple, mais électronique ? Oui, un site Web, par essence, est en réalité un livre électronique, un magazine ou un manuel, qui peut contenir à la fois des informations qui vous sont utiles et celles qui ne vous intéressent pas du tout pour le moment.

Comme un livre ordinaire, un site Web est composé de pages appelées pages Web.

Comment, en effet, retrouver l'information qui nous intéresse dans un même manuel d'informatique ? Nous ouvrons le contenu situé au début ou à la fin du manuel, recherchons le paragraphe qui contient les informations nécessaires, regardons le numéro de page en face du paragraphe, l'ouvrons et étudions le matériel. Tout est assez simple et ordinaire.

Une fois arrivé à la page principale d'un site Web bien conçu, nous devrions également voir quelque chose de similaire au contenu d'un manuel afin de pouvoir trouver rapidement les informations dont nous avons besoin.

Mais comment accéder aux informations nécessaires situées sur un site Web, puisque nous ne pouvons pas feuilleter les pages électroniques comme les pages papier ordinaires ? En effet, nous utilisons habituellement une souris.

En fait, se déplacer entre les pages du site est encore plus efficace que se déplacer entre les pages lorsque l'on travaille avec un manuel classique. Pour se déplacer entre les pages d'un site, des éléments de la page Web sont utilisés ; lorsque vous cliquez dessus, vous pouvez passer à une autre page du site. Ces éléments de page sont appelés hyperliens et sont présents sur toutes les pages qui composent le site.

Dans le cas « classique », une partie du texte (un mot ou plusieurs mots) et des images graphiques (dessins et photographies) sont utilisées comme hyperliens.

Puisque dans le premier cas, le texte est utilisé pour créer des hyperliens, un tel hyperlien est appelé lien texte. Très souvent, un lien hypertexte est un texte souligné en bleu. En voyant par exemple sur la page principale du site l'inscription « Sites et pages Web » conçue de manière similaire et en cliquant dessus avec le bouton gauche de la souris, vous devriez vous retrouver sur une page Web dédiée à ce sujet. La page « Sites Web et pages Web » doit, quant à elle, comporter au moins un lien hypertexte par lequel vous pouvez revenir au contenu.

Si une image graphique, telle qu'une photographie, est utilisée comme lien hypertexte, il sera alors difficile de deviner qu'il s'agit d'un lien hypertexte. Comment alors déterminer si une image est un lien hypertexte ou non ? Dans ce cas, retenez la règle suivante : « Si, lorsque vous déplacez le curseur de la souris sur un élément d'une page Web, celui-ci prend la forme d'une main, alors cet élément est un hyperlien. »

Remarque : Il existe une exception à cette règle, par exemple dans le cas des survols, qui ne sont peut-être pas des hyperliens, mais lorsque vous passez la souris dessus, le curseur prend également la forme d'une main. En plus de changer l'apparence du curseur, lorsque vous survolez un lien hypertexte, l'URL (adresse unique de la ressource) doit également être affichée, mais nous en parlerons dans la leçon sur la création d'hyperliens à l'aide de FrontPage.

Questions de contrôle :

• Qu'est-ce qu'un site Internet ?
• Qu'est-ce qu'une page Web ?
• Qu'est-ce qu'un lien hypertexte ?
• Quels éléments d'une page Web peuvent être utilisés comme hyperliens ?
• Comment puis-je déterminer si un élément de page est un lien hypertexte ?
• Les pages Web individuelles d’un site ne peuvent-elles pas contenir un seul lien hypertexte ?

Bonjour, chers lecteurs du blog. Avec cet article, nous allons commencer à apprendre les bases du langage HTML.

Vous savez probablement déjà que la langue principale d'Internet est langage de balisage hypertexte HTML (HyperText Markup Language). Dans cet article, nous apprendrons les concepts de base du HTML et apprendrons à créer des pages WEB simples.

Commençons par le plus important, regardons comment ça marche World Wide Web-Internet. Pour produire des pages Web, vous créez des fichiers écrits en HTML et les placez sur un serveur Web. Après cela, n'importe quel navigateur installé sur un appareil ayant accès à Internet, qu'il s'agisse d'un ordinateur, d'un téléphone ou d'une tablette, peut trouver vos pages Web.

serveur Web- Il s'agit d'un ordinateur ordinaire doté d'un logiciel spécial ayant accès à Internet. Il écoute en permanence les requêtes des navigateurs concernant les pages Web, les images, les fichiers audio et vidéo. Ayant reçu une requête pour l'une de ces ressources, le serveur la recherche et l'envoie au navigateur.

Navigateur est un programme spécial conçu pour afficher des sites Web, tels qu'Internet Explorer. À l'aide d'un navigateur, vous parcourez des sites Web en cliquant sur des liens. Tout clic de ce type amène le navigateur à demander la page HTML au serveur Web, à recevoir une réponse et à afficher la page dans sa fenêtre. C'est lors de l'affichage de la page que le langage HTML commence à fonctionner ; il indique au navigateur tout sur la structure et le contenu de la page web. Utilisation des commandes - Mots clés, HTML indique au navigateur où commencent les paragraphes de texte, quelle partie du texte constitue un titre et où insérer des tableaux et même des images. Et les balises sont des mots entre crochets, par exemple

,

, .

Vous avez un besoin urgent d’une boutique en ligne, mais vous n’avez pas le temps d’apprendre le HTML, le CSS, le PHP et d’autres technologies. Ensuite, vous pouvez simplement louer une boutique en ligne avec des fonctionnalités entièrement mises en œuvre et une optimisation pour les moteurs de recherche.

Langage HTML et ses balises

La première version du langage HTML est apparue en 1992. En 2013, la spécification d'une nouvelle version de HTML, numéro 5, est en cours d'élaboration. Le développement de cette spécification est réalisé par le World Wide Web Consortium, ou W3C en abrégé. L'organisation W3C développe d'autres standards Web. Vous pouvez vous familiariser avec ces normes sur leur site Web www.w3.org. À propos, de nombreux navigateurs Web prennent déjà en charge certaines fonctionnalités HTML 5.

Je suggère de commencer à apprendre le HTML tout de suite avec un exemple. Créons donc notre première page Web. Tout éditeur de texte est adapté à la création de pages WEB. Je suggère d'abord d'utiliser Windows intégré Bloc-notes(en général, à l'avenir, je recommande d'utiliser pour éditer du code html). Vous pouvez le trouver : « Démarrer->Tous les programmes->Accessoires->Bloc-notes ». Créons une page sur les voitures. Alors, ouvrez le Bloc-notes et tapez-y le texte suivant :

Site sur les voitures.

Bienvenue sur notre site automobile. Vous trouverez ici de nombreux articles intéressants et utiles sur voitures. Le site contient des descriptions de nombreuses voitures importées et nationales.

Ensuite, enregistrez la page Web créée dans un fichier nommé index.html. Dans ce cas, dans la boîte de dialogue d'enregistrement du fichier, vous devez définir l'encodage sur UTF-8 et mettre le nom du fichier entre guillemets, sinon le Bloc-notes y ajoutera l'extension txt et notre fichier s'appellera index.htm.txt :

Il ne reste plus qu'à ouvrir le fichier créé dans le navigateur et à regarder le résultat. Pour ce faire, vous pouvez utiliser le navigateur Microsoft Internet Explorer fourni avec Windows, ou tout autre navigateur installé sur votre ordinateur, en double-cliquant sur le fichier index.html ou en faisant glisser le fichier sur l'icône du navigateur. Ouvrez-le et voyez quelque chose comme ceci :

Ainsi, nous avons créé une page Web dans le Bloc-notes, bien qu'un peu quelconque, mais contenant déjà un gros titre et un paragraphe de texte automatiquement divisé en lignes et contenant un fragment en gras.

Qu'est-ce qu'une balise ?

Parlons maintenant davantage de la structure des pages. Regardons le fragment :

Site sur les voitures

. Ici, nous voyons le texte qui apparaît sur la page comme titre, entouré de balises

Et

. Qu'est-ce qu'une balise en HTML ?

Balise HTML sont des mots et des symboles ordinaires entourés de crochets, par exemple

,

, . Alors tague

est la balise d'ouverture, balise

balise de fermeture, et le texte entre eux est appelé le contenu de la balise. Marquez également

et étiquette

sont appelés balises appariées. Ensemble, la balise d'ouverture, le contenu et la balise de fermeture forment un élément de document HTML. Il existe également des éléments constitués d'une balise d'ouverture :

Donc tag jumelé

définit un élément d'en-tête de premier niveau. Il y a six niveaux de rubriques au total, ce sont les éléments

—

.

Les éléments peuvent être en bloc ou en ligne (texte). Éléments de bloc effectuer un formatage structurel de la page. Les éléments de bloc sont toujours affichés sur une nouvelle ligne de la page et sont en retrait par rapport aux éléments adjacents. Éléments en ligne effectuer un formatage de texte direct ou un formatage logique. Élément

est un élément de bloc.

C'est tout pour moi !!! Rendez-vous dans les prochains articles !

ARTICLES LIÉS

• Retour
• Plan du site
• À propos du site