HH123_3 2023-05-27 18:57 采纳率: 86.8%
浏览 55
已结题

百度前端技术学院 问题1: 给我们一个网页的照片,如何一步步的转换成html(先不考虑样式的问题),该如何组织它的结构,该选择什么样的类型元素?

百度前端技术学院 问题1: 给我们一个网页的照片,如何一步步的转换成html(先不考虑样式的问题),该如何组织它的结构,该选择什么样的类型元素?

最近在看百度前端技术学院,有一个任务是照着做一个简历。

参考示例图:

img

提示:
那简历都包含什么呢?给一些参考:

  • 包括“个人简历”四个字
  • 你的姓名,有可能只有姓名,有可能是 姓名:张三 这样的模式
  • 你的各种联系方式,比如:手机:18600000000,邮箱:joinefe@baidu.com
  • 你的学历,比如:本科:百度前端学园
  • 项目经验,比如:项目 A :项目时间:2017.1 - 2017.8 ,项目描述:在项目 A 中负责了 1234
  • 你可以参考自己的简历内容,也可以参考网上一些热门简历内容,比如 羡辙 的简历(她简历的样式每年校招简历总能看见很多人在复用,所以,希望大家以后做简历的时候换个样式吧,哪怕是换个颜色也是极好的)。

现在你需要把你之前想到的简历内容的每一个内容拆解到对应的 HTML 元素,你需要考虑很多问题,举几个例子:

  • 大标题“简历”二字,是否适合使用<h1><h2>之类的标题元素
  • “姓名:张三”这几个字,我是用一个元素呢?还是拆成姓名张三(x,y,z 均为示意)
  • “项目经验:A 项目,x,B 项目,x”这部分内容结构有点小复杂,怎么用合适的 HTML 元素来组装呢?

我的问题:

  1. 从大的结构来看,我该怎样组织?我的想法是一个nav,后面跟着几个section,分别介绍基本信息、工作经历等。我看过挺多网页的,nav常常包裹在一个header中,这里我需不需要也包裹一个header呢?这里用section合适吗?还是有更合适的元素来代替sectionn呢?几个section需不需要包裹在一个main中呢?
  2. 姓名: hh,联系方式:1212312312 这些键值对信息是分别包裹在两个元素中还是一个元素中呢?是用span吗?如果放在两个span中的话,这两个span还需要再套一个元素,来表示它们是一个独立的键值对以区分其他的键值对信息吗?这个外套的元素用一个列表是不是更为合适呢?
  • 写回答

2条回答 默认 最新

  • 明月落乌江 2023-05-27 20:12
    关注

    第一个问题:
    你说的nav header main 都是语义化标签的一种,这些标签不过把代码规范,便于搜索引擎搜索,你当然可以全部使用div标签去实现,不必纠结那么严谨,有效果就ok了
    第二问题:
    姓名: hh,联系方式:1212312312 如果这一行样式一样的话,完全可以用一个标签包裹,但假如 hh是红色字体 1212312312 是黑色字体,你需要另用一个标签包裹,为什么呢?css控制样式是通过一个个标签控制的,更多标签才能更精准的控制样式

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 6月5日
  • 已采纳回答 5月28日
  • 创建了问题 5月27日

悬赏问题

  • ¥20 Html备忘录页面制作
  • ¥15 黄永刚的晶体塑性子程序中输入的材料参数里的晶体取向参数是什么形式的?
  • ¥20 数学建模来解决我这个问题
  • ¥15 计算机网络ip分片偏移量计算头部是-20还是-40呀
  • ¥15 stc15f2k60s2单片机关于流水灯,时钟,定时器,矩阵键盘等方面的综合问题
  • ¥15 YOLOv8已有一个初步的检测模型,想利用这个模型对新的图片进行自动标注,生成labellmg可以识别的数据,再手动修改。如何操作?
  • ¥30 NIRfast软件使用指导
  • ¥20 matlab仿真问题,求功率谱密度
  • ¥15 求micropython modbus-RTU 从机的代码或库?
  • ¥15 django5安装失败