#button #icons #document
Вопрос:
Привет, я новичок в кодировании, и я создал кнопку загрузки со значком, но я не знаю, как добавить документ Microsoft Office, например, word, к моей кнопке загрузки, она доступна для клика, но ничего не загружается. не могли бы вы, пожалуйста, помочь мне с этим. Это код, который я использовал для создания кнопки загрузки со значком.
<Html>
`<header>
<title> Samote Mechanical Services</Title>
</header>
<center>
<p><h1><b> Samote Mechanical Services</B></H></P>
<Body>
<style>
.button {
display: flex;
height: 50px;
padding: 0;
background: #009578;
border: none;
outline: none;
border-radius: 5px;
overflow: hidden;
font-family: "Quicksand", sans-serif;
font-size: 16px;
font-weight: 500;
cursor: pointer;
margin-top:100
}
.button:hover {
background: #008168;
}
.button:active {
background: #006e58;
}
.button__text,
.button__icon {
display: inline-flex;
align-items: center;
padding: 0 24px;
color: #ffffff;
height: 100%;
}
.button__icon {
font-size: 1.5em;
background: rgba(0, 0, 0, 0.08);
}
</Style>
<button type="button" class="button">
<span class="button__text">Download</span>
<span class="button__icon">
<ion-icon name="cloud-download-outline"></ion-icon>
</span>
</button>
<script src="https://unpkg.com/ionicons@5.4.0/dist/ionicons.js"></script>`