Comment insérer un lien hypertexte dans HTML? Création et utilisation des hyperliens dans un HTML
Hypertext est un texte contenant des liens vers d'autres textes. Les exemples sont les notes de l'auteur sur les définitions complexes ou les notes de traduction au bas des pages du livre, si elle se trouve du texte dans une langue étrangère. sites Internet sont un système complexe d'hypertexte saute d'une page à l'autre dans la page elle-même, mais aussi entre les ressources à un seul thème non reliés. Une telle structure est pratique, permet d'économiser beaucoup de temps, permet au visiteur de trouver rapidement les informations dont vous avez besoin, et de ne pas se perdre dans un grand nombre de transitions.
Insérer un lien hypertexte
En HTML à insérer des liens hypertexte en utilisant le descripteur (tag), qui est insérée au bon endroit. Habituellement, il est parmi le texte comme un lien hypertexte en lui-même est une structure de texte. Mais les liens sont plus graphiques (icônes, boutons, images); d'entre eux sera discuté plus loin. Leur emplacement sur une page Web n'est pas limité au texte, mais dépend du site décideur de conception.
Ceci est un exemple de la façon d'insérer un lien hypertexte vers HTML document qui est porté par tag. Les visiteurs du site verront le texte souligné qui est différente de la couleur du texte environnant (les liens HTML-couleur peut être quelque chose), « la page d'accueil de Google », en cliquant sur ce, il se rendre à la page d'accueil, moteur de recherche « Google ». Il convient de noter que le texte de l'hyperlien doit contenir des informations sur l'endroit où la transition sera effectuée. Ce principe doit être suivi et pris en règle!
Structure tag …
Vous pouvez remarquer que balise – Doubles: balise de fermeture requise .
href – attribut de balise spécifie la destination d'un lien.
https://google.com/ – valeur d'attribut, placez l'adresse URL d'une ressource sur laquelle faire la transition. Il est des guillemets doubles ou simples. Cela dépend de la structure de l'étiquette d'imbrication des règles HTML.
la structure est un élément d'un document Web.
En vertu des règles de HTML, certains éléments peuvent contenir d'autres éléments. Tag pas exception. Si le programmeur a besoin de mettre en évidence dans le mot Google gras, vous le faites en utilisant la balise selon les règles générales de mise en forme de texte dans la séquence de balises imbriquées. Webmaster devrait savoir comment créer un lien hypertexte dans un HTML sans erreur, sinon ils ne fonctionneront pas. Les liens brisés à l'argot informatique appelé « battus ».
Ici: l'élément
Il contient imbriquée
Maintenant, la page un visiteur voit le lien en gras le mot « Google ».
liens hypertexte absolus
Les liens hypertextes qui utilisent les URL adresses absolues des sites qui contiennent des noms de domaine (.ru, .com, .org, .gov ), appelée absolue, et la syntaxe suivante:
Protocole: // nom de domaine / chemin du fichier
Exemple d'adresse répandue dans le moteur de recherche Amérique: https://aol.com – absolue, car il contient le nom de domaine .com.
liens hypertexte absolus sont utilisés pour accéder aux pages d'autres sites ou d'accéder à des ressources situées sur un autre serveur. La transition est effectuée en utilisant le protocole Internet. Protocoles – ce n'est pas le sujet de cet article, mais ils participent à la création de liens hypertextes, vous devez au moins brièvement les mentionner:
- http et https – le plus courant; pour eux de passer entre les pages web de sites différents;
- ftp – un protocole pour le téléchargement de fichiers sur le serveur ou l'utilisateur télécharge à partir du site;
- mailto – protocole de messagerie qui envoie des e-mail directement depuis le site, sans passer à l'e-mail personnelle.
Il y a quelques rapports de but spécial (gopher, telnet), est tout à fait rare, dont l'utilisation nécessite des connaissances particulières dans l'administration de programmation ou d'un système.
liens hypertexte relatifs
Adressage relatif, l'utilisation de liens hypertextes dans le code HTML utilisé pour les transitions dans la vie et ne mène pas au-delà. Si la page est si grand qui va barre de défilement verticale, parfois très longue, comme dans un dictionnaire, il est très pratique et approprié d'utiliser des liens relatifs à sauter à la lettre désirée.
Création de dictionnaire en ligne, un programmeur au début de la page a l'alphabet, et sinon pour l'utilisation des liens, l'utilisateur aurait eu un très long temps de tourner la roue de la souris pour se rendre à la lettre « I ».
Pour créer un lien relatif à l' aide l'étiquette du nom d'attribut:
où ya appelé ancre, tandis que Retour à la lettre I – destination d'ancrage. Pour l'affichage correct des points d'ancrage, il est recommandé d'utiliser des lettres et des chiffres, alors ne pas écrire « je », bien qu'il aurait été compréhensible.
Maintenant que la transition de l'alphabet au début de la page à la lettre « I », il est nécessaire de faire de la cheville d'ancrage dans le document HTML, qui commence par la lettre « I »:
<A href = http: // site / article / 327992 /% C2% AB #% C2% ya BB% 3E% D0% B1% D1% 83% D0% BA% D0% B2% D0% B0 I
en face de l'ancre se tient signe dièse, sans que la transition à la lettre ne fonctionnera pas.
L'adressage relatif lors de la construction d'un site Web
Pratique et l'algorithme le plus commun pour la création d'un site logiciel:
- Créez un dossier sur votre ordinateur et son emplacement sur le site pour la commodité d'un accès rapide;
- la création index.html dans le dossier de la page d'accueil;
- la création de page Web secondaire (index.html / page2);
- Créez un dossier et en le plaçant dans les fichiers d'image;
- Créez un dossier et de le placer d'autres objets (fichiers à télécharger, par exemple);
- remplissage du contenu du site;
- placer le site sur l'hébergement de fichiers.
doivent nécessairement être utilisés pour des liaisons de communication entre les éléments du site, et sera très utile de savoir comment insérer un lien hypertexte dans le code HTML à une autre page du même site. Si le site réside dans le même répertoire sur le même serveur, il n'y a pas besoin d'utiliser l'adressage absolu. Lors du transfert de fichiers vers le site hébergeant le lien entre les objets restent, car ils sont l'hébergement et seront placés dans le même répertoire.
Supposons qu'un programmeur a créé une page d'accueil site index.html, qui a un lien vers une autre page page2.html, décoré d'une image img.png. Ensuite, le chemin par rapport à l'image ressemblera à ceci:
Conseil: dans l'étude de ce sujet est préférable d'utiliser un simple éditeur de texte pour la raison qu'il est nécessaire d'acquérir des compétences dans l'orthographe correcte des adresses de transition, et d'apprendre à comprendre le code de quelqu'un d' autre. A ce stade sera un bon résultat sans erreur écrit un lien hypertexte dans un bloc – notes, HTML ne leur pardonne pas, et donne une erreur.
Méthodes cliquez sur un lien hypertexte
Par défaut, une nouvelle page apparaît dans la fenêtre du navigateur lorsqu'un utilisateur clique sur le lien hypertexte. Mais un programmeur web peut changer la valeur par défaut et forcer la page, par exemple, dans une nouvelle fenêtre. A cet effet , il existe un attribut cible avec une certaine valeur. Nulle part il est possible d'exprimer la table.
| _blank | ouvre la page dans une nouvelle fenêtre de navigateur |
| _self | ouvre la page dans la fenêtre en cours (réglage par défaut) |
| _parent | ouvre la page dans le cadre parent |
| _top | en utilisant des cadres les annuler tous et ouvre la page dans la fenêtre du navigateur |
La syntaxe pour appliquer les attributs cibles:
Home « Google » va ouvrir dans une nouvelle fenêtre.
Remarque: pour ouvrir la page dans un nouvel onglet, il n'y a pas de valeur pour cet attribut, et est défini par l'utilisateur dans les paramètres du navigateur.
La couleur des liens hypertextes
Un internaute expérimenté au fil du temps, aurait dû remarquer que les liens hypertextes sont différentes dans la couleur du texte environnant, et ils sont généralement de couleur bleue. Liens sur lesquels il passa, puis est retourné à la page précédente, sont lilas. En utilisant les liens hypertexte dans le code HTML dans des couleurs non standard un peu, mais alloue place entre autres.
Définit la couleur des liens dans la balise en utilisant les attributs et leurs valeurs, qui sert la couleur HTML dans le système rgb (# 00FF00) ou avec une indication directe du nom de la couleur ( «vert»). Il existe trois types d'attributs pour les liens:
- lien – définit la couleur des liens non visités;
- vlink – spécifie la couleur des liens à travers lequel a déjà transmis à l'utilisateur;
- alink – spécifie la couleur du lien lors du passage à une autre page. Il est rapide, donc vous ne pouvez pas toujours prendre cet effet.
Exemple de marquage:
Si vous appliquez ces attributs dans la balise , la référence du document Web sera bleu foncé, la visite – violet et actif – rouge-orange.
hyperliens graphiques
Les progrès et le développement de la conception web ont besoin de savoir comment insérer un lien hypertexte dans le code HTML comme une image. Il est clair que l'image doit correspondre au contenu de la page de destination. Par exemple, la page principale des plantes médicinales peuvent être présentées sous forme de photos de plantes, en cliquant sur lequel l'utilisateur va vers une page qui décrit les propriétés médicinales des plantes.
Largement moyen utilisé pour remplacer les boutons statiques () aux beaux graphismes créés par un designer web dans l'éditeur graphique (GIMP, Photoshop).
Pour insérer un graphique sous forme d'hyperliens sur les pages du site utilise la même syntaxe, mais au lieu de texte en utilisant une balise d'image en insérant les règles de HTML:
Par la balise de la même manière les attributs applicables spécifient un texte alternatif, la largeur, la hauteur et les autres.
Les appels de site
norme html5 a étendu les fonctionnalités de l'utilisation de l'Internet, et maintenant, vous pouvez faire des appels non seulement à partir du téléphone, mais directement à partir du site. A cet effet, vous pouvez également utiliser des liens hypertexte dans un document HTML, et ils ont la syntaxe suivante:
Au lieu du mot « parti » est prescrit le contact de l'appelant intuitive dans le répertoire. Vous pouvez également placer un fichier graphique (user photo).
Que les appels ont été faits sur le site, vous devez non seulement une référence au numéro de téléphone de l'abonné, mais aussi un casque (microphone, casque) installé sur votre VoIP programme informatique, la vitesse d'Internet devrait dépasser 0,5 Mo / s. Le paiement des appels effectués à la circulation. Par conséquent, si l'Internet est illimité, les appels sont gratuits.
Éthique créer des liens hypertexte
En plaçant le site sur Internet, le webmaster doit savoir quels types il y a des liens en HTML, et non seulement le droit de les utiliser professionnellement, mais aussi adhérer aux dispositions suivantes:
- L'hyperlien doit être facilement visible, différent de son texte qui l'entoure. L'utilisateur doit savoir qu'il est – un lien hypertexte.
- L'utilisateur doit être clair où il obtiendra en cliquant sur le lien. Pour ce faire, il est conseillé d'utiliser plus attribut title, qui décrit succinctement la page de conversion. Syntaxe de l'attribut d'application est le suivant:
- L'utilisateur doit obtenir des informations précises sur le fichier sera téléchargé lorsque vous cliquez sur le lien.
Une fois n'est pas la page attendue ou en téléchargeant le mauvais fichier, l'utilisateur est de 99% du quitter immédiatement le site et jamais il ne va pas dans l'avenir.
Anti-Seo pour créer des liens
En plus du côté technique de la question de savoir comment insérer un lien hypertexte en HTML, devrait être mis en évidence les aspects plus et moral. Il existe de nombreux sites dont l'accès est bloqué aux utilisateurs de logiciels de sécurité (anti-virus), ou même l'état. Ce sont les sites qui ont été créés sur le Web programmeurs impure main.
Un des trucs auxquels ils ont recours – est d'insérer le lien « invisible » sur une page Web. Scammers savent comment créer un lien hypertexte dans le code HTML, et utiliser l'attribut underscore pour supprimer les liens et lui attribuer la couleur du texte qui l'entoure afin que l'utilisateur moyen ne la voit pas. Et avec l'aide d'autres outils de technologies web (CSS, JavaScript, PHP) peut être programmé leur comportement. Par exemple, un événement de langue OnMouseOver JavaScript active l'effet des éléments de la page Web. Lorsque l'utilisateur tient le curseur sur un lien invisible, il se trouve sur les pages de publicité d'autres sites. Ou pire encore, quand il y a un lien invisible vers un fichier sur son ordinateur et commence à télécharger et installer des logiciels inutiles. En règle générale, un virus qui a changé la page d'accueil du navigateur, jonchent le disque dur et d'autres programmes de masse.
Bientôt ces sites tombent dans la « liste noire » de la base de données de virus, la sécurité et l'environnement des utilisateurs d'Internet. Ces sites ne durent pas longtemps, et ils doivent changer leur nom à migrer sans cesse sur Internet, en changeant le fournisseur d'hébergement. Ce n'est pas propice à la promotion d'un site, qui cherche toujours son créateur, ne font megaportals, comme, par exemple, les réseaux sociaux. Entre autres choses, ces astuces causent beaucoup d'émotions négatives chez les victimes de ces actions humaines.
Latest posts
Java: exceptions et leur manipulation
ordinateurs
recette de boeuf dans les bonnes mains – une vraie délicatesse.
Produits alimentaires et boissons