Considérons l'utilisation de liens hypertextes, par exemple le numéro 1.

Voir la spécification HTML 5. Vous pouvez ici.
La page s'ouvre dans une nouvelle fenêtre.

Et téléchargez ici les tables des éléments et des attributs ici.

Exemple numéro 1. Utiliser un hyperlien

Utiliser des hyperliens pour créer des ancrages sur la page

L'élément "A" peut être utilisé comme hyperlien vers la transition dans la page. Pour ce faire, au bon endroit du document que vous devez créer ancre (de l'anglais. Ancre), c'est à dire. Bookmark, et spécifiez-le comme objectif dans l'hyperlien. L'ancre est créée à l'aide d'un élément vide "A", dans lequel l'attribut est spécifié dans la balise d'ouverture. En tant qu'anchor, vous pouvez également utiliser l'élément de balisage souhaité sur lequel le lien hypertexte interne se poursuivra. Pour ce faire, spécifiez simplement l'attribut. Ensuite, dans l'attribut hypertexte de l'hyperlien lui-même, le symbole de la grille "#" est indiqué comme une valeur et la valeur d'attribut d'ancrage. Afin de devenir plus claire, considérez tout dans l'exemple n ° 2.

Je suis le premier paragraphe.

Afficher les attributs de table HTML 5. pouvez
Sur le site officiel ici.
La page s'ouvre dans une nouvelle fenêtre et
Défilement à la table avec des attributs.

Allez au premier paragraphe ici.

Exemple numéro 2. Utilisation de lien hypertexte interne

Faites attention à la présence d'une ancre dans l'adresse absolue indiquée comme valeur de l'attribut HREF dans le deuxième paragraphe de l'exemple. Lorsque vous utilisez un tel hyperlien, le navigateur passera d'abord à l'adresse spécifiée, puis faites défiler la page à l'emplacement de l'ancre spécifiée. Si l'ancrage ne s'avère pas sur la page, la page sera affichée depuis le début.

Hyperliens relatifs et construction d'adresses relatives

En conclusion de l'article considérer le principe de construction adresses relatives. Laissez notre hyperlien être dans un document situé sur le serveur local à l'adresse http: // localhost / site / doc_1 / doc_2 / ... / doc_n / web_page.htmloù doc_n est le dossier Niveau N. Dans ce cas, le dossier DOC_N dans lequel notre document avec un lien hypertexte est automatiquement pris comme base pour lesquels l'ensemble de l'adressage est construit. Donc:

• S'il est nécessaire que le lien lee sur le document cible new_page.html, situé dans le même dossier Doc_n que notre document original avec un lien hypertexte, alors comme valeur des liaisons d'attribut HREF, vous devez simplement spécifier le nom du document cible. : href \u003d "new_page.html".
• Pour aller au document cible New_Page.html, situé dans le dossier http: // localhost / site / doc_1 / doc_2 / ... / doc_n / doc_n_1 / ... doc_n_k /La valeur de l'attribut de référence HREF doit inclure uniquement les dossiers investis dans DOC_N et, bien sûr, le nom du document cible: href \u003d "doc_n_1 / ... doc_n_k / new_page.html". Ainsi, nous spécifions le navigateur qu'il devrait accéder au dossier doc_n_1, situé dans le dossier DOC_N avec le document source, dans lequel le lien hypertexte est prescrit, puis sur le dossier DOC_N_2, et ainsi de suite jusqu'à ce qu'il entre dans le dossier DOC_N_K avec le dossier DOC_N_K. document ciblé là-bas et doit s'ouvrir.
• Pour entrer dans le dossier au niveau au-dessus de l'original, une combinaison spéciale de caractères "../" est utilisée. Pour aller à N niveaux, vous devez écrire une combinaison "../" n fois dans une rangée. Donc, dans notre cas, aller sur le lien vers le document cible http: // localhost / site / doc_1 / doc_2 / ... / doc_n-3 / new_page.html L'attribut de référence HREF doit avoir une valeur "../../../new_page.html." Ainsi, nous informons le navigateur qu'il devrait atteindre le dossier DOC_N-1, puis doc_n-2 et doc_n-3, après quoi le document cible New_Page.html est situé là-bas.
• Si vous n'avez pas besoin de ne pas juste augmenter à plusieurs niveaux, mais allez également au dossier (ou à plusieurs dossiers imbriqués), pour accéder au document cible, alors dans la valeur d'attribut HREF des liens de premier besoin d'enregistrer le nombre de niveaux d'élevage souhaité. Utiliser des caractères. ./ ", puis terminez le chemin du dossier reçu dans le document cible. Par exemple, si le document cible est situé dans le dossier NEW_DOC et que le chemin d'adresse est de la vue. http: // localhost / site / doc_1 / doc_2 / ... / doc_n-3 / new_doc / new_page.htmlEnsuite, l'attribut de référence HREF doit être "../../../new_doc/new_page.html". Ceux. Nous spécifions le navigateur qu'il devrait atteindre trois niveaux par rapport au dossier DOC_N d'origine, dans lequel le document avec un lien hypertexte est situé, puis allez dans le dossier NEW_DOC et ouvre le document cible NEW_PAGE.HTML

À titre d'exemple, vous pouvez télécharger le minisite de formation, construit entièrement sur la base d'une adressage relatif. Après avoir visionné, expérimenter, changer et créer de nouveaux liens, dossiers et pages.

Hyperliens relatifs Très pratique lors de l'élaboration d'applications hors ligne de navigateur, telles que des directives de référence. Cependant, il convient de rappeler que lors du transfert d'un document du dossier actuel à une autre, toutes les références relatives cesseront de fonctionner. Par conséquent, ils devront réécrire. Si les liens relatifs indiquent les fichiers également situés dans le dossier actuel ou dans les dossiers ci-joints, après avoir transféré ce dossier à un autre endroit, tous les liens du document resteront des travailleurs.

Si vous devez commencer à compter le chemin relatif de la racine du site, au début du chemin, il convient de prescrire SLASH "/". Par exemple, lien " Domicile"Spécifie le document figurant dans le dossier racine du site (et non dans le courant!). Il convient de garder à l'esprit que la lecture de la racine du site fonctionne uniquement d'un vrai serveur Web. Sur un serveur local, Par exemple, XAMPP, le compte à rebours doit être démarré avec le nom du dossier racine.

Bonjour, chers visiteurs!

Dans cet article, je vais montrer comment ajouter un lien vers le site en tant que simple hyperlien, images, ainsi que les boutons que vous pouvez définir votre conception à l'aide de styles CSS. Toutes les 3 options sont très souvent utilisées et ont un très bon effet lors de l'utilisation de visiteurs.

Commençons par le plus simple et venez à la difficulté.

Lien régulier et hyperlien

http: //site/poleznoe/kak-sdelat-sylku-na-sait.html

http: //Site/poleznoe/kak-sdelat-sylku-na-sait.html.

Une telle option a lieu, mais il y a un inconvénient important si nous parlons de l'efficacité d'un tel lien. Il n'est pas cliquable, c'est-à-dire qu'il est impossible de y aller en appuyant simplement sur la souris. Cette option est assez difficile à percevoir par les visiteurs.

Un autre cas est un lien hypertexte qui clique sur le clic redirige vers un autre document sur Internet, à la fois interne (dans le même site) et à un autre site (autre site). Un exemple d'un tel lien peut voir ci-dessous. Essayez de cliquer sur le lien.

Le nouvel onglet doit ouvrir la page principale de ma ressource. Pour mettre en œuvre une telle option, vous devez soit utiliser les moyens de votre moteur, soit dans le code HTML pour enregistrer la chaîne suivante.

Cliquez ici

Lien créé par une simple balise Retirer l'adresse elle-même où l'utilisateur est redirigé, ainsi qu'un lien d'ancrage (dans l'exemple ci-dessus, une ancrage est la phrase "cliquez ici"), ce qui indique le texte du lien, expliquant que vous obtiendrez quand vous suivez ce dernier. adresse.

Si vous avez un site simple fait sur HTML, alors dans l'éditeur de page, il convient de prescrire exactement un tel code en modifiant mon adresse et spécifiez votre ancer. Il ressemblera à ceci.

À l'intérieur de la balise de référence Il existe également un attribut pour ouvrir une page dans un nouvel onglet.

cible \u003d "_blank"

Il est également très important, il est également souhaitable de ne pas jeter le visiteur de la ressource et de la laisser. En utilisant cet attribut, vous aurez le fait que le visiteur est cliqué sur de nombreux liens sur une seule page, ne laissera pas le courant, mais en même temps ouvrira beaucoup d'autres pages. Ceci est important si vous êtes engagé dans la promotion du site.

Vous pouvez ajouter l'attribut de titre au lien, qui correspond à la balise d'en-tête et donnez aux moteurs de recherche pour comprendre où le lien mène. De plus, cette balise est affichée (si elle est enregistrée), lorsque vous apportez au lien comme une pointe pop-up.

Il est conseillé d'ajouter une étiquette de titre pour voir les visiteurs pour voir ce conseil lorsque vous allumez et compris où passer. Il est juste fait, à l'intérieur de l'étiquette d'ouverture Comme pour l'exemple ci-dessous.

Lorsque vous utilisez le moteur, tel que WordPress, l'ajout d'un lien sur le site est très simple sans aucune modification en mode HTML. L'éditeur d'enregistrement a une icône spéciale avec une icône de connexion.

Dans l'image, j'ai montré l'ensemble du processus d'ajouter une communication entre le texte et une autre page.

1. Premièrement, nous allocions la phrase dont vous avez besoin pour faire une référence.
2. Cliquez sur l'icône Ajouter une connexion;
3. Nous spécifions les paramètres de liaison (adresse de la page dans laquelle vous souhaitez transférer l'utilisateur, ainsi que l'en-tête de lien, c'est-à-dire Ancor, si nécessaire).

L'en-tête de référence ne peut pas être vu, car ce sera le texte qui a été attribué à la première étape. Dans l'image, j'ai montré l'ajout de liens des pages de site déjà existantes. Vous pouvez le faire, puis en cliquant sur l'un des enregistrements dans la liste de l'URL et le titre sera inscrit automatiquement.

L'URL peut être entrée sur le site externe. Si vous en avez besoin, utilisez l'adresse de la page complète (absolue). Pour ouvrir la page dans le nouvel onglet, il n'est pas nécessaire de prescrire un attribut à la main. Le moteur fournit une telle opportunité avec une seule case à cocher (voir l'image ci-dessus).

J'ai dit un peu plus haut sur l'adresse absolue. Cela signifie que l'intérieur du lien correspond à l'adresse complète de la page auquel vous devez effectuer une redirection, que notre ressource soit ou une autre.

Il existe également une adresse relative lorsqu'il n'est pas nécessaire de prescrire une adresse complète. Il suffit d'enregistrer le chemin d'accès à un catalogue ou à la page du site, sans spécifier le nom de domaine. Utilisez ces liens uniquement pour la page dans le cadre d'une ressource. Sur le projet externe, vous ne touchez pas tant.

Si vous souhaitez approfondir dans le processus de création d'adresses relatives, je vous recommande vivement lire cet article Sur une autre ressource. Tout est très cool là-bas.

Image de liaison

Les références sous forme d'images sont également répandues, bien qu'elles doivent être utilisées uniquement pour leur objectif. Si nous sommes simples de liens vers d'autres pages de notre site, il vaut mieux ne pas les faire des images, car il n'est pas toujours clair que vous devez cliquer sur l'image pour obtenir une page.

Il est conseillé de le faire lorsque vous souhaitez que quelqu'un annonce, tel que le cours vidéo de quelqu'un. Dans ce cas, vous donnez un lien hypertexte conventionnel et derrière elle immédiatement une image de liaison. Dans ce cas, il sera plus clair que l'image conduit au site du cours, où elle peut être achetée.

Si vous prenez le mode HTML, le principe de construction de la structure de référence Juste, y compris tous les attributs. La seule différence est la liaison d'ancrage, qui a l'apparence du code de l'image elle-même. Dans le cas précédent, il y avait un texte simple.

En pratique, cela ressemblera à cela.

Comme vous pouvez le constater, à l'intérieur de la balise de référence d'ouverture et de fermeture, il existe un code d'image qui possède également ses propres caractéristiques. Il doit enregistrer toutes les mêmes balises de titre, spécifier le chemin d'accès à l'image sur l'hébergement ou une autre ressource. Vous devez également spécifier les dimensions d'image (largeur - largeur, hauteur de hauteur). Et assurez-vous de prescrire l'attribut alt, qui sert de description de l'image. Si tout est satisfaisant, l'optimisation des images sera au niveau.

C'est comme ça que cela ressemble au mode HTML. J'ai cassé le code à 3 parties de sorte que la structure de liaison soit plus compréhensible (l'image est coupée).

La complexité ici n'est que correctement prescrite le code d'image, qui est utilisé comme arcor.

Bouton de liaison avec styles CSS

Si vous voulez faire quelque chose de différent, cette option a également une place à être. De plus, il vous permet de changer de styles de sorte que lorsque vous planifiez le bouton changer, le bouton lui-même et la couleur de l'inscription, qui sera à l'intérieur. Si vous prenez une photo, il n'est pas toujours possible de le mettre en œuvre. Tout est possible avec des styles.

En outre, un très bon avantage est que le bouton que nous pouvons accueillir strictement au centre et il ne sera cliqué que dans la zone du bouton. Si nous prenons une image, alors lors du placement au centre, toute la zone du contenu de la largeur de la zone de l'image sera clichel. Parfois, cette lacune produit à des clics aléatoires sur l'image et, honnêtement, gêne.

Par exemple, j'ai créé un tel bouton simple qui conduit à la page principale du site. Vous pouvez vérifier ses performances.

Si vous regardez le code source du bouton, vous êtes tous très simples. La seule différence à partir de l'hyperlien habituel est la présence d'un identifiant, qui est terminé à l'intérieur de l'étiquette d'ouverture. Et à son tour, les styles de la conception dans le style.CSS sont enregistrés.

Voici la structure du bouton.

Nous voyons cela immédiatement après avoir ouvert une balise de référence ID prescrit \u003d "bouton", qui est attribué à leurs styles de conception. Le reste de la structure est identique à l'hyperlien.

Le principe est compris, alors je donne des styles que j'ai ajoutés à ce lien de ce bouton.

/ * Styles de boutons * / #button (Affichage: Bloc; Largeur: 550px; / * Largeur du bouton * / Hauteur: 60px; / * Hauteur * / Couleur de l'arrière-plan: # FF4343; / * Couleur de fond * / Text-Shadow: 1px 1px # 800909; / * ombre du texte * / couleur: #fff; / * Couleur de texte * / Style de bordure: Solide; / * Type de ligne de bordure (cadres) * / Largeur de la bordure: 1px; / * Ligne de bordure d'épaisseur (Cadres ) Boutons de bordure de la ligne de couleur * / * Boutons de la ligne de couleur (cadres) * / Taille de la police: 18px; / * Taille du texte * / Hauteur de ligne: 60PX; / * Hauteur de texte linéaire * / Poids : Normal; / * Texte gras * / Font-face: Arial; / * Type de police * / Text-Align: Centre; / * Alignement du texte * / Décoration de texte: Aucun; / * Texte Deaderscore * / Marge: 40PX Auto; / * Bouton Redents d'autres Eetems sur la page * / Text-Transform: majuscule; / * de sorte que toutes les lettres sont capitale. Si vous n'avez pas besoin, retirez les boutons String * /) / * Styles de boutons lorsque vous survolez le curseur de la souris * / # Bouton: plancher (couleur arrière-plan: # f23333; taille de la police: 19px;)

Bon tout le temps de la journée, mes chers amis et lecteurs. J'espère que vous avez décidé de prendre part à mon concours et d'écrire sur votre blogueur. Eh bien, j'aimerais continuer notre langage HTML d'apprentissage et je voudrais aujourd'hui parler de l'un des composants les plus importants, à savoir des hyperliens.

Oui, sans ces hyperliens, Internet ne serait pas aussi à l'aise. Non, je mens. Ce ne serait généralement pas à l'aise en termes de navigation. Pouvez-vous soumettre Internet sans eux? Personnellement, je ne le fais pas.

Et aujourd'hui, nous apprendrons comment insérer un hyperlien en HTML. Mais au début, j'aimerais vous demander: Savez-vous quel est l'hyperlien en général et ce qui est différent de la liaison habituelle? C'est vraiment simple: le lien est une simple écriture des informations faisant référence à un document. Dans le même temps, vous ne pouvez pas cliquer sur ce texte (il n'y aura rien), mais vous savez où chercher des informations.

Exemple: vous pouvez savoir comment mettre en évidence les cheveux dans Photoshop à // Site / Adobe-Photoshop / Kak-Vydelit-Volosy /

L'hyperlien est le même texte, seule l'essence de celle-ci réside dans le fait que ce texte vous pouvez appuyer sur la page souhaitée, un site Web ou tout autre objet. De plus, le texte lui-même peut être utilisé, quant à lui que l'adresse soit prescrite déjà à l'intérieur et peut être complètement différente. Mais peu importe la façon dont c'était, tout est pareil dans la parole conversationnelle, ils s'appellent simplement des liens. Voici un exemple d'hyperlien:

Vous pouvez lire comment mettre en évidence vos cheveux dans Photoshop dans l'un de mes.

En tous cas. Bonne théorie. Nous nous tournons maintenant vers la pratique et voyons ce qu'ils sont responsables de toutes ces choses.

Une étiquette de paire est responsable de l'hyperlien, mais il ne représente rien en soi. Il va toujours dans un paquet avec l'attribut. Et dans ce cas, nous devons constamment prescrire ce très href. Dans la valeur de l'attribut, nous mettons le lien vers la ressource souhaitée elle-même. Et dans le contenu, nous écrivons le texte lui-même, qui devrait être clichable (travail en appuyant sur). Vérifiez l'exemple et pensez que vous comprendrez tout.

Moteur de recherche Yandex.

Comme vous avez compris, dans cet exemple, j'ai écrit que lorsque vous cliquez sur un texte "Moteur de recherche Yandex", une personne se dirigera vers l'adresse écrite de la valeur de l'attribut HREF.

Je pense que beaucoup d'entre vous savent qu'il existe des liens internes et externes. Interne est effectué à l'intérieur d'un répertoire, puis vous voulez dire que le site et les liens externes conduisent à une ressource tierce. Et maintenant, je vais montrer comment faire ceux-ci et d'autres.

Transitions internes

Fichier dans le même dossier

Mais une telle transition fonctionnera à condition si le fichier sur lequel vous vous référez sera dans le même dossier que le fichier dans lequel vous mettez le lien. Pour d'autres options, tout est un peu différent.

Fichier dans un autre dossier

1. Ouvrir dans le fichier Notepad ++ Pushkin.html
2. Maintenant, trouvez le mot photo et entrez-le dans les tags<un href\u003e .
3. Et maintenant l'attention! Dans la valeur de l'attribut, nous prescrivons le chemin relatif au fichier modifitable, c'est-à-dire pushkin.html lui-même. Vous devrez travailler comme ceci:

photo

Qu'avons-nous fait maintenant? Et nous avons fait ce qui suit: Depuis que le chemin de la photo est situé dans un dossier IMG distinct, qui se trouve dans un dossier avec le fichier pushkin.html, puis dans la valeur de l'attribut, nous devons d'abord écrire le nom du dossier, puis à travers la barre oblique (/) le nom complet du document (dans notre cas est une photo).

Mais maintenant, enregistrez et exécutez le fichier pushkin.html dans le navigateur. Vous verrez que le mot "photo" est devenu mis en évidence en bleu et est devenu clichable, ce qui signifie que, en cliquant sur ce lien, nous allons tomber sur le fichier Fofo.jpg, situé dans le dossier IMG.

Comment? Tout est clair? Dans le cas où vous demandez, n'hésitez pas.

Transitions externes

Et bien sûr, il est impossible de ne pas mentionner les références externes, après avoir cliqué sur lequel nous allons tomber sur un site complètement différent. Mais il n'y a rien de compliqué. L'essence entière est que vous êtes dans la valeur de HREF jetez l'adresse complète du site ou de la page Web. Un exemple avec Yandex, j'ai montré ci-dessus. Mais voici un autre exemple:

J'apprendrai aux maîtres des projets sociaux.

Nous arrivons ici à une page spécifique d'un site particulier.

Ouverture dans une nouvelle fenêtre

Par défaut, lorsque vous cliquez sur le lien, le document s'ouvre dans la même fenêtre que votre page, c'est-à-dire Votre page va fermer. Et ce n'est pas bon. En particulier, pour la promotion de projets de contenu ou de blogs, il est recommandé de le faire pour que, lorsque vous cliquez sur le lien, le document s'est ouvert dans une nouvelle fenêtre ou une nouvelle onglet sans fermer votre page.

Cela aidera l'attribut cible avec la valeur «_blank». Il n'y a rien de difficile. Vous avez juste besoin de l'insérer à l'intérieur de l'étiquette d'ouverture Après la valeur d'attribut href. Prenons ce passage du fichier lukomorye.html, où nous avons fait un lien vers la page Pushkin.html, nous seuls maintenant écrire ce type d'attribut. Ça devrait ressembler à ça:

Du poème Ruslan et Lyudmila (auteur - A..S. pushkin)

Eh bien, tout est clair ici. Maintenant, lorsque vous cliquez sur le contenu, la page souhaitée s'ouvre dans une nouvelle fenêtre. Cette chose est très nécessaire, car si vous ne l'enregistrez pas, l'utilisateur viendra simplement de votre page. Et donc, dans tous les cas, il restera dessus, seulement s'il ne le ferme pas lui-même. Essayez de tout faire vous-même, faites simplement tout avec vos poignées magnifiques. Ne pas copier et insérer.

Quelque chose comme ca. Il semble que la chose la plus importante ait dit, mais si vous souhaitez vous déplacer dans cette direction et explorer HTML et CSS pour créer des sites professionnels, des blogs et même des magasins en ligne, vous allez certainement regarder excellent cours vidéoà propos de ce thème. Les leçons sont vraiment excellentes et ont en effet parlé pour les personnes qui connaissent le bâtiment du site Web ou inconnu du tout.

Eh bien, à ce sujet, notre leçon d'aujourd'hui est terminée. J'espère que vous avez aimé mon article et je serai heureux de devenir mon lecteur régulier. Par conséquent, n'oubliez pas de vous abonner à la mise à jour de mon blog, afin de ne pas manquer quelque chose d'intéressant. Eh bien, je vous souhaite du succès dans toutes vos efforts. Bye Bye!

Sincèrement, Dmitry Kostin.

Hyperlien - Ceci est une indication pour le navigateur, à quel objet dans ou à l'extérieur du document HTML, il devrait faire appel. Utilisation d'hyperliens, les utilisateurs peuvent passer d'une page à une autre, téléchargez des fichiers, etc. Comment le lien hypertexte peut être décoré un fragment de texte ou un motif (fichier graphique). Lorsque la page Web est affichée dans la fenêtre du navigateur, la liaison texte est généralement mise en surbrillance en bleu et soulignée. Cependant, ce n'est pas toujours le cas. Pour aller à l'endroit où le lien spécifie, l'utilisateur suffit à cliquer sur son texte.

Pour créer un hyperlien, vous devez utiliser des balises et , identifiant pour la balise attribut Href.. Sa valeur devrait être l'adresse de l'URL auquel le lien indique. Le texte de liaison est situé entre les balises et.

Si la page Web sur laquelle le lien est placé sur un autre site, la valeur d'attribut Href. Il doit y avoir une URL complète avec le nom du protocole inclus; Ces liens sont appelés externes. Si le lien hypertexte pointe vers une autre page du même site, il suffit de rechercher le document uniquement sur le chemin relatif; Un tel lien s'appelle interne.

L'hyperlien peut indiquer un certain endroit à l'intérieur de la page s'il est pré-incorporé une étiquette d'ancrage. Pour déterminer les ancrages utilisez également des balises et Mais au lieu de l'attribut Href. Spécifiez l'attribut Nom., dont la valeur devrait être le nom de l'ancre. Il peut être constitué de lettres et de chiffres, mais ne doit pas contenir un symbole d'espace. S'il y a plusieurs balises sur la page, ils doivent tous avoir des noms différents.

Pour créer une référence à l'ancre ancrée nécessaire dans la balise Spécifiez son nom à la fin de l'adresse URL après le nom du document, en séparant avec un symbole. # . symbole # Cela signifie que le nom de l'étiquette est enregistré après cela, et non le nom de fichier.

Lien texte

Si dans l'attribut Href. Définir l'adresse e-mail avec le mot mailto: avant de la sélectionner un tel lien, vous pouvez envoyer un message dans lequel dans le champ. "À qui" Cette adresse sera enregistrée.

Dans l'exemple, qui est indiqué ci-dessous, l'utilisation de liens hypertextes de différents types est considérée.

Document HTML dans lequel des hyperliens et des ancres sont utilisés:

De nouvelles versions de programmes de position pour le système d'exploitation Windows ainsi que des pilotes sont disponibles sur le site Web de la société. Microsoft.

A peut maintenant aller à la page principale du site.

Sur la façon de sortir avec moi pour vous contacter, vous pouvez apprendre à la fin de cette page.

Dans ce document texte.

[Email protégé]

Donc, le document HTML ressemblera à ce qu'il reproduise le navigateur:

Les nouvelles versions du système d'exploitation Windows ainsi que le pilote se trouvent sur le site Web de Microsoft.

Vous pouvez utiliser les matériaux postés dans ce document de texte.

Dans cet exemple, le mot "Microsoft" est contenu dans la balise du lien hypertexte externe et le texte "Page principale du site" - Dans la balise du lien interne. Texte "À la fin de cette page" placé dans les références de balises ancres, et "Dans ce document texte" - Dans la balise de liens hypertextes avec l'attribut Href.Dans lequel nous définissons une connexion non pas avec une page Web, mais avec un document texte enregistré dans le même dossier que le document HTML actuel. Texte " [Email protégé] »Situé dans la balise décrivant la marque d'ancrage et dans l'attribut Href. L'adresse e-mail est spécifiée.

Si le visiteur de la page est livré avec un lien externe Microsoft, la page contenue à l'adresse s'ouvrira. http://www.microsoft.com/. Après avoir cliqué sur le lien hypertexte "Page principale du site" La page principale du site s'ouvre. Après avoir cliqué sur le lien interne dans un document texte, une fenêtre avec un document texte s'ouvre text.doc.contenus dans le dossier actuel. Si vous tirez parti d'une ancre à la fin de cette page, l'image de la page en cours se déplacera de manière à ce que le texte de la balise » [Email protégé] "L'ancrage est associé, sera placé dans la partie visible du document.

Lieu de texte " [Email protégé] "Est-ce qu'un lien hypertexte utilisant lequel l'utilisateur pourra envoyer une lettre à l'aide de l'e-mail configuré sur l'ordinateur d'attributs Href. adresse - [Email protégé] .

Considérez un autre exemple de création d'hyperliens de texte. Supposons que deux documents HTML soient préservés dans un dossier spécifique, décrivant deux directions de la société de travail, - 1.html. et 2.html.

Créez une liste de liens hypertextes, chacun illustre l'une des directions du travail de la société:

Notre production

Nos clients

Résultat:

Notre production

Nos clients

Dans cet exemple, les hyperliens Tagi sont contenus dans les étiquettes des en-têtes de premier niveau. Les textes des hyperliens seront situés dans des lignes séparées et seront décorées comme des titres de premier niveau.

Par défaut, les hyperliens de texte sont affichés en bleu et souligné, et s'ils l'ont déjà utilisé, il est rouge foncé. Pour changer ces couleurs, ajoutez les attributs appropriés dans la balise : . Cela signifie qu'après la première charge de la page, tous les hyperliens seront violets et si le visiteur tire parti de l'un d'entre eux, sa couleur de texte deviendra jaune. Il est pratique lorsqu'il existe de nombreux liens sur la page, et le visiteur souhaite les voir à son tour: puis supportant une couleur différente visitée par des hyperliens vous permet de systématiser ces vues.

L'hyperlien est l'élément principal de l'hypertexte, la caractéristique distinctive des documents HTML reliant la page Web et d'autres fichiers entre eux. Dans de nombreuses personnes, le mot "lien" n'est pas associé au mot "internet".

Liens simples

Dans la langue HTML pour créer des liens Et ses attributs.

Allons de simples à complexes et d'apprendre d'abord des liens élémentaires vers le document HTML. Nous aurons besoin des éléments de langue suivants:

href. - Attribut de tag , dont la valeur sera l'adresse de liaison. Reportez-vous au site, une page Web ou un fichier - cela n'a pas d'importance, il ne différera que de la valeur de cet attribut.

Envisagez maintenant la chaîne de code HTML:

Considérons maintenant chaque élément de la chaîne.

- Ceci est la étiquette responsable de la création d'une référence.

- Tag de fermeture.

Entre les symboles > et < verrouillé le lien de liaison. Il verra l'utilisateur qui a ouvert la page, il cliquera dessus pour aller à l'adresse indiquée.

Par exemple, au bas du document HTML, vous souhaitez placer un lien "up", ce qui conduira à son début - le titre "Page de début". Pour ce faire, vous devez mettre une ancrage au début de la page, et au bas de la page - un lien vers celui-ci.

Laissez l'ancre être appelée commencer. Ensuite, dans la balise, à laquelle le contenu dont se connectera, vous devez ajouter un attribut identifiant avec signification commencer..

Haut de page

L'ancre est installée, et il ne reste plus qu'à ajouter un lien menant dessus. Dans notre cas, elle ressemblera à ceci:

Haut

Remarque: Avant que le nom de l'ancre soit un treillis - il s'agit d'une caractéristique distincte de liens internes.

Liens graphiques

Avec l'avènement de HTML 5 Tag J'ai transformé en un conteneur capable d'accommoder des éléments de bloc, de sorte que le lien puisse maintenant être non seulement le texte ou l'image, mais même une table, une liste ou une page entière.

Liens vers E-mail et Skype

Pour la commodité des visiteurs de site de la page, vous ne pouvez pas simplement spécifier vos coordonnées, mais également pour les rendre actifs afin que lorsque vous cliquez sur l'adresse e-mail, le client de messagerie s'est immédiatement ouvert à l'utilisateur, et lorsque vous cliquez sur Sur la connexion Skype, le programme a immédiatement demandé une autorisation d'appel.

Écrivez à mail!

Appelle-moi sur Skype