用web前端所学知识创建一个简单版的个人介绍页面

完成第一部分简单的学习，现在进行前端的简单项目实践。并记录下来！本文记录第一个静态页面的制作！
PS：这是在freecodecamp上的第一个入门级测试项目。
现有要求如下：
需求 1：我的致敬页应有对应id="main"的元素，其中包含其他的所有元素
需求 2：我应该看到一个具有相应id="title"的元素，其中包含描述致敬页主题的字符串（即文本），如 “Dr. Norman Borlaug”。
需求 3：我应该看到一个带有对应id="img-div"的div元素。
需求 4：在img-div元素内，我应该看见有对应id="image"的img元素。
需求 5：在img-div元素内，我应该看见一个具有相应id="img-caption"的元素，其中包含对img-div中图像的描述。
需求 6：我应该看见具有对应id=“tribute-info"的元素，其中包含描述致敬页主题的文本内容
需求 7：我应该看见具有对应id=“tribute-link"的元素，它链接到一个包含有关致敬页主题额外信息的外部网页，提示：你必须为元素提供target属性，并设置为_blank以便在新选项卡中打开连接（例target=”_blank”）。
需求 8：img元素应相对于其父元素的宽度响应地调整大小，但不超过其原始大小。
需求 9：img在其父元素内居中。

//*创建一个以“周杰伦”个人的简单介绍页面，页面素材来均源于百度。

1.