Как вы можете загрузить word/PDF/Excel (любые документы Microsoft Office с помощью кнопки загрузки в блокноте )

#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>`