Lien hypertexte du didacticiel de base HTML

Les hyperliens sont visibles partout sur le site Web. Ouvrez Baidu News et cliquez sur n'importe quel paragraphe pour ouvrir la page de détails de l'actualité?:

. Ensuite, introduisons la connaissance détaillée des hyperliens

Hyperliens

Format de syntaxe?:

Remarque?: <a> ne peut pas contenir la balise <a>

Attributs communs

href : L'adresse URL du fichier cible L'URL peut être une adresse relative ou une adresse absolue.
target?: La fenêtre d'affichage du fichier cible.

_blank?: Ouvrez le fichier cible dans une nouvelle fenêtre.
_self?: Ouvre le fichier cible dans la fenêtre courante (ouverte par défaut), équivalent à l'opération "remplacer".
_parent?: Ouvrez le fichier cible dans la fenêtre parent.
_top?: ouvrez le fichier cible dans la fenêtre de niveau supérieur.

Parmi les pages web frame couramment utilisées de _parent et _top, nous les présenterons plus tard

nom : Définir le nom du lien d'ancrage .

1. URL d'adresse absolue

(1) Adresse absolue distante

Pour accéder aux fichiers distants, commencez toujours par "<a href="http://"nom de domaine et nom d'h?te.">http://"nom de domaine et nom d'h?te.</a>" ??>

Exemple :

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
        <a href="http://ipnx.cn/" >php.cn</a>
        <hr>
        <a href="http://www.taobao.com/" target="_blank">淘寶網(wǎng)</a>
        <hr>
        <a href="http://www.baidu.com/" target="_blank">百度</a>
    </body>
</html>

(2) Adresse absolue locale (rarement utilisée)

L'absolue L'adresse pour accéder à la zone locale est une adresse absolue commen?ant par <a href="http://file:///.">file:///. </a>

Ajouter sur la base de l'exemple précédent?:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
        <a href="http://ipnx.cn/" >php.cn</a>
        <hr>
        <a href="http://www.taobao.com/" target="_blank">淘寶網(wǎng)</a>
        <hr>
        <a href="http://www.baidu.com/" target="_blank">百度</a>
        <a href="file:///D:/image.html" target="_blank">點擊查看圖片</a>  
    </body>
</html>

Remarque?: veuillez tester localement

2. URL d'adresse relative (le chemin dans le projet est généralement un chemin relatif, veuillez le tester localement)

(1) Le fichier actuel et le fichier cible sont dans la même relation de niveau, et l'adresse du lien écrit directement le nom du fichier cible.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="1.jpg">圖片</a>  
    </body>
</html>

(2) Le fichier actuel et le dossier où se trouve le fichier cible sont dans la même relation de niveau. Recherchez d'abord le ? nom du dossier ?, puis le ? nom du fichier ?. ".

C'est-à-dire que le fichier cible se trouve au niveau suivant.

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="image/1.jpg">圖片</a>  
    </body>
</html>

(3) Le fichier cible se trouve dans le répertoire supérieur, recherchez le répertoire correspondant, puis trouvez le fichier dans le répertoire.

Recherchez et utilisez le symbole "../".

"../" représente le répertoire de niveau supérieur

"../../" représente les deux niveaux au-dessus

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="../image/1.jpg">圖片</a>  
    </body>
</html>

3. Lien spécial

(1), lien de téléchargement

Quels types de fichiers auront des invites de téléchargement??

Par contre, quels fichiers et pages web peuvent être exécutés directement ? Tels que?: .jpg, .png, .gif, .html, .htm, .txt, etc.

La plupart des fichiers ne peuvent pas être exécutés directement par le navigateur. Tels que : .doc, .xls, .ppt, .rar, .psd... Si

ne peut pas être exécuté directement, une bo?te de téléchargement appara?tra

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="image/1.rar">下載</a>  
    </body>
</html>

(2), lien par e-mail

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="mailto:php@php.cn">有問題的話，請給我們發(fā)郵件</a>  
    </body>
</html>

(3), lien vide ordinaire (#)

étape pour exécuter n'importe quel lien de saut?:

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    </head>
    <body>
        <h1>歡迎加入php.cn</h1>
       <a href="#">這是一個空鏈接</a>  
    </body>
</html>

Formation continue

nouveau fichier

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <h1>歡迎加入php.cn</h1> <a href="http://ipnx.cn/" >php.cn</a> <hr> <a href="http://www.taobao.com/" target="_blank">淘寶網(wǎng)</a> <hr> <a href="http://www.baidu.com/" target="_blank">百度</a> </body> </html>

soumettre Réinitialiser le code

Opération automatique