作为图像下载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一些造型之后，它看起来像一个学生证：