Maison > interface Web > Tutoriel H5 > le corps du texte

Parcours d'apprentissage H5 - Hyperliens H5 et liens images (6)

黄舟
Libérer: 2017-02-17 14:26:23
original
2038 Les gens l'ont consulté

Contenu du lien

1. Lien texte

2. Lien image

Attributs

href : Pointer vers un autre document. Lien

nom : lien à l'intérieur du document

attribut de balise img

alt : attribut de texte de remplacement

largeur : largeur

hauteur : Élevé

Exemple de code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title></head><body>
    <a href="http://www.baidu.com">点击我跳转</a>
    <a href="http://www.baidu.com">
        <img src="images/hello.jpg" width="100px" height="100px" alt="美女">
    </a>
    <a name="tips">hello liupeng</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">跳转到hello</a></body></html>
Copier après la connexion
Copier après la connexion

Rendu



Lien contenu

1. Lien texte

2. Lien image

Attribut

href : Lien vers un autre document

nom : lien à l'intérieur le document

attribut de balise img

alt : attribut de texte de remplacement

largeur : largeur

hauteur : hauteur

Exemple de code

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>H5样式</title></head><body>
    <a href="http://www.baidu.com">点击我跳转</a>
    <a href="http://www.baidu.com">
        <img src="images/hello.jpg" width="100px" height="100px" alt="美女">
    </a>
    <a name="tips">hello liupeng</a>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <a href="#tips">跳转到hello</a></body></html>
Copier après la connexion
Copier après la connexion

Rendu

Parcours dapprentissage H5 - Hyperliens H5 et liens images (6)

Ce qui précède est le contenu du parcours d'apprentissage H5-lien hypertexte H5 et lien image (6), plus Pour le contenu connexe, veuillez faire attention sur le site Web PHP chinois (www.php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!