Maison  >  Article  >  interface Web  >  Comment créer du code de lien HTML ? Comment créer un lien image HTML ?

Comment créer du code de lien HTML ? Comment créer un lien image HTML ?

寻∝梦
寻∝梦original
2018-08-14 13:13:476249parcourir

Comment créer du code de lien HTML ? Comment créer un lien image HTML ? Cet article vous présentera en détail le code du lien texte et le code du lien image.

Tout d'abord, nous devons comprendre ce qu'est le code de lien HTML :

Le code de lien HTML est le code HTML qui transforme du texte en un lien hypertexte.

HTML utilise un lien hypertexte pour se connecter à un autre document sur le Web.

Vous pouvez trouver des liens dans presque toutes les pages Web. Cliquez sur un lien pour passer d'une page à une autre.

Comment créer du code de lien HTML :

Lien hypertexte HTML (lien)

L'hyperlien peut être un mot, un mot ou un groupe Il peut être un mot ou une image Vous pouvez cliquer sur ce contenu pour accéder à un nouveau document ou à une certaine partie du document actuel.

Lorsque vous déplacez le pointeur de la souris sur un lien sur la page Web, la flèche se transforme en une petite main.

Nous créons des liens en HTML en utilisant la balise 3499910bf9dac5ae3c52d5ede7383485

Il existe deux manières d'utiliser la balise 3499910bf9dac5ae3c52d5ede7383485 :

En utilisant l'attribut href - créer un lien vers un autre document

En utilisant l'attribut name - créer un lien au sein du document Signet

Syntaxe du lien HTML

Le code HTML du lien est très simple. Cela ressemble à ceci :

<a href="url">Link text</a>

L'attribut href précise la cible du lien.

Le texte entre la balise d'ouverture et la balise de fermeture est affiché sous forme d'hyperlien.

Par exemple :

<a href="http://www.PHP.cn/">Visit PHP中文网</a>

La ligne de code ci-dessus s'affiche comme : Visiter le site Web PHP chinois

Cliquer sur cet hyperlien amènera l'utilisateur à la page d'accueil du site Web PHP chinois .

Création de liens d'images HTML :

"Texte du lien" ne doit pas nécessairement être du texte. Les images ou autres éléments HTML peuvent devenir des liens.

Par exemple :

Vous pouvez transformer un élément en lien en l'imbriquant dans un élément a.

Imbibez votre image dans un élément. Par exemple :

<a href="#"><img src="/images/relaxing-cat.jpg"></a>

"images/relaxing-cat.jpg" est le nom de l'image.

Utiliser une balise pour implémenter

<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>


Définition et utilisation
3499910bf9dac5ae3c52d5ede7383485 page. L'attribut le plus important de l'élément
3499910bf9dac5ae3c52d5ede7383485 est l'attribut href, qui indique la cible du lien.

Liens HTML - attribut cible

À l'aide de l'attribut Target, vous pouvez définir où le document lié sera affiché.

La ligne suivante ouvrira le document dans une nouvelle fenêtre :

<a href="http://www.PHP.cn/" target="_blank">Visit PHP中文网!</a>

Lien HTML - attribut name

l'attribut name spécifie l'ancre (ancre ) nom.

Vous pouvez créer des signets dans les pages HTML en utilisant l'attribut name.

Le marque-page ne s'affiche pas de manière particulière et est invisible pour le lecteur.

Lorsque nous utilisons des ancres nommées, nous pouvons créer des liens qui renvoient directement à l'ancre nommée (comme une section sur la page), afin que les utilisateurs n'aient pas à faire défiler la page pour trouver les informations dont ils ont besoin.

Syntaxe pour nommer les ancres :

<a name="label">锚(显示在页面上的文本)</a>

Conseil : Le nom de l'ancre peut être ce que vous voulez.

Conseil : vous pouvez utiliser l'attribut id au lieu de l'attribut name. Les ancres nommées fonctionnent également.

Voici un exemple :

Tout d'abord, nous nommons l'ancre dans le document HTML (créons un signet) :

2fdc3bf2d92fc05c086f75866fe7e3cdBasic Notes - Conseils utiles5db79b134e9f6b82c0b36e0489ee08ed

Ensuite, nous créons un lien vers cette ancre dans le même document :

3fcf6e84cf29621a10f6635a9ed09f58

Vous pouvez également créer des liens vers cette ancre dans d'autres pages :

731740faa0ffd9823120cb5dc40516d0 Conseils utiles5db79b134e9f6b82c0b36e0489ee08ed

Dans le code ci-dessus, nous ajoutons le symbole # et le nom de l'ancre à la fin de l'URL pour créer un lien direct vers les astuces Nommez l'ancre.

D'accord, ce qui précède concerne la production de codes de liens et de liens d'images en HTML.

[Recommandations associées]

Éléments de base du HTML, vous permettant d'apprendre le HTML à partir de zéro

Qu'est-ce qu'un HTML déposer? Une compréhension préliminaire des fichiers HTML


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn