用html制作显示的网页

这个网页个人资料下面那部分如何制作，（两个下划线之间的部分）谢谢各位！！

h1~h6标题,border-top border-bottom,ul+li的应用，简单示例如下，内容题主自己补充下

<!doctype html>
<meta charset="utf-8" />
<h1>詹姆斯·卡梅隆（加拿大电影导演)</h1>
詹姆斯·卡梅隆1954年8月16日出生于加拿大安大略省.

<h4>个人资料</h4>
<div style="padding:20px 0;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;width:680px">
    <table border="0" width="100%">
        <tr>
            <td width="80" align="center">中文名</td>
            <td width="200">詹姆斯·卡梅隆</td>
            <td width="80">出生地</td>
            <td valign="top">加拿大安大略省</td>
        </tr>
        <!--其他自己加上-->
    </table>
</div>

<h3>目录</h3>
<ul>
    <li>早年经历</li>
    <li>导演经历</li>
    <!--其他自己加上-->
</ul>

<h5>1 早年经历</h5>
巴拉巴拉巴拉
<br />
<br />
巴拉巴拉巴拉

<h5>2 导演经历</h5>
巴拉巴拉巴拉
<br />
<br />
巴拉巴拉巴拉

用6行4列的表格即可，控制以下列宽，主要成就设置一个跨行

<div>
    <table>
      <tr>
        <td style="width: 60px;">中文名</td>
        <td style="width: 260px;">詹姆斯·弗朗西斯·卡梅隆</td>
        <td style="width: 80px;">出生地</td>
        <td style="width: 360px;">加拿大安大略省</td>
      </tr>
      <tr>
        <td>外文名</td>
        <td>James Cameron</td>
        <td>职业</td>
        <td>导演，制片人，编剧</td>
      </tr>
      <tr>
        <td>国籍</td>
        <td>加拿大</td>
        <td>毕业院校</td>
        <td>美国加州州立大学</td>
      </tr>
      <tr>
        <td>星座</td>
        <td>狮子座</td>
        <td>代表作品</td>
        <td>泰坦尼克号、终结者、异形Ⅱ、阿凡达</td>
      </tr>
      <tr>
        <td>血型</td>
        <td>O型</td>
        <td>主要成就</td>
        <td rowspan="2">奥斯卡最佳导演奖</br>金球奖最佳导演奖</td>
      </tr>
      <tr>
        <td>身高</td>
        <td>188CM</td>
      </tr>
    </table>
  </div>

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632