ホームページ  >  記事  >  ウェブフロントエンド  >  H5 学習の旅 - H5 ハイパーリンクと画像リンク (6)

H5 学習の旅 - H5 ハイパーリンクと画像リンク (6)

黄舟
黄舟オリジナル
2017-02-17 14:26:232038ブラウズ

リンクコンテンツ

1. テキストリンク

2. 画像リンク

href: 別のドキュメントへのリンク

name: ドキュメント内のリンク

alt: 置換テキスト属性

幅: 幅

高さ: 高さ

コード例

リンクコンテンツ

1. 画像リンク


属性

href: 別のリンクへのリンクドキュメント

name: ドキュメント内のリンク

imgタグ属性

alt: 置換テキスト属性

width: 幅

height: 高さ

コード例

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

レンダリング

以上が内容ですH5 学習の旅 - H5 ハイパーリンクと画像リンク (6) 関連コンテンツの詳細については、PHP 中国語 Web サイト (www.php.cn) に注目してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。