このコードにリンクとダウンロード可能なファイルを追加するにはどうすればよいですか？

Question

お元気ですか、皆さんが私を助けてくれることを願っていますか？私はこれを編集しようとしており、誰かがボタンをクリックしたときにURLを追加できるようにする必要があります。また、ファイルをダウンロードする機能もあります。私はこれに何を追加しますか？

   <div class="optin" data-lb="editable-optional"> 
       <div class="shadow"></div> 
       <img src="img/books-small.png" class="minor-image" /> 
       <p>Enter your email to download the guide</p> 
       <div> 
        <input id="header-button" type="submit" value="Free Instant Access »" onclick="javascript:return false"/> 

Answer 1

ダウンロードタグを使用してください。イメージをaタグの内側に追加することができます。 <DIV> Sを使用して

<div class="optin" data-lb="editable-optional"> 
 
<div class="shadow"></div> 
 
    <a href="img/books-small.png" download><img class="minor- 
 
    image"/></a> 
 
    <p>Enter your email to download the guide</p> 
 
<div> 
 
<input id="header-button" type="submit" value="Free Instant Access »" onclick="javascript:return false"/>

Answer 2

W3C規格で推奨されていません。ドン」トンは、あなただけのハイパーリンクを使用する理由 < >タグ：

<a href=" https://www.w3schools.com/css/css_link.asp">Free Instant Access »</a> 

あなたは、ハイパーリンクを作成するCSSスタイルを使用することができます<（W3Schoolsのから取られた）湖底 よう>外観：

a:link, a:visited { 
    background-color: #f44336; 
    color: white; 
    padding: 14px 25px; 
    text-align: center; 
    text-decoration: none; 
    display: inline-block; 
} 

a:hover, a:active { 
    background-color: red; 
}