作爲圖像下載html輸出

-1

我是新來的前端編程，我需要下載/導出 html輸出作爲圖像或PDF。作爲圖像下載html輸出

可以說我有這樣的代碼：如下圖所示

<div class="col-md-6"> 
    <h3>Front Side</h3> 
     <div class="studentcard-frontside"> 
      <img src="https://dummyimage.com/100x100/000/fff" class="img-responsive"/> 
      <div class="student-detail"> 
       <p>Student Name: <span>Bilal Zafar</span></p> 
       <p>Father Name: <span>Zafarullah Khan</span></p> 
       <p>Date of Birth: <span>9th March, 1991</span></p> 
       <p>Address: <span>House # 12, Street # 43, Islamabad</span></p> 
       <p>If Found, <span>Please call +92-333-152</span></p> 
      </div> 
     </div> 
</div>

，並在這個div一些造型之後，它看起來像一個學生證：