在HTML中，可以使用CSS样式来对齐表格和子表格的字段。以下是一个示例代码：

HTML代码：

  

    
姓名
    
年龄
    
性别
    
联系方式
  
  

    
张三
    
25
    
男
    
123456789
  
  

    

      

        

          
学历
          
毕业院校
        
        

          
本科
          
XXX大学
        
      
    
  

CSS代码：

.main-table {
  width: 100%;
  border-collapse: collapse;
}

.main-table th,
.main-table td {
  border: 1px solid black;
  padding: 5px;
}

.sub-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
}

.sub-table th,
.sub-table td {
  border: 1px solid black;
  padding: 5px;
}

在上面的代码中，我们首先创建一个主表格（main-table），其中包含姓名、年龄、性别和联系方式字段。然后，在第二行中，我们使用colspan属性将子表格（sub-table）合并到一个单元格中。

通过设置主表格和子表格的CSS样式，我们可以实现表格和子表格字段的对齐。.main-table和.sub-table类定义了表格的样式，.main-table th和.sub-table th定义了表头的样式，.main-table td和.sub-table td定义了单元格的样式。

通过这些样式，我们可以设置表格的边框、单元格内边距以及表格的宽度。这样，主表格和子表格的字段就能够对齐了。