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 ? 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

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

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
page. L'attribut le plus important de l'élément
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) :

Basic Notes - Conseils utiles

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

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

Conseils utiles

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!