
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>基础 CSS 理解</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>

<section class="card">
  <header>
    <h2>阿兰·图灵</h2>
  </header>
  <article>
    <img src="turing.png" alt="图灵黑白肖像">
    <p>帕丁顿<br>
      西敏市<br>
      伦敦大区<br>
      大不列颠及北爱尔兰联合王国<br>
      123456<br>
      <strong>电话号码</strong>：01234 567 890<br>
      <strong>电子邮件</strong>：turing@nothere.com</p>
  </article>
  <footer>
    <p>英国计算机科学家、数学家、逻辑学家、密码分析学家和理论生物学家，被誉为计算机科学与人工智能之父。</p>
  </footer>
</section>


</body>
</html>
