html表格制作
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><h3>前端技术划分标准</h3><table border="1px" cellspacing="0"> <!--boder加入边框,cellspacing控制边框间距--><!--<col width="200px"> col是column列的缩写<col width="200px"><col width="200px"><col width="200px"><col width="200px">--><!--<tr align="center"> 对齐方式--><tr><td width="200px" align="center"></td> <!--对齐方式--><td width="200px" align="center">初级</td><td width="200px" align="center">中级</td><td width="200px" align="center">高级</td><td width="200px" align="center">专家</td></tr><tr><td width="200px">标准</td><td width="200px">被产品怼的说不出话</td><td width="200px">跟产品互怼不相上下</td><td width="200px">怼的产品没话说</td><td width="200px">直接将其怼辞职</td></tr><tr><td width="200px">用户A</td><td width="200px"></td><td width="200px"></td><td width="200px"></td><td width="200px"></td></tr><tr><td width="200px">用户B</td><td width="200px"></td><td width="200px"></td><td width="200px"></td><td width="200px"></td></tr><tr><td width="200px">用户C</td><td width="200px"></td><td width="200px"></td><td width="200px"></td><td width="200px"></td></tr><tr><td width="200px">用户D</td><td width="200px"></td><td width="200px"></td><td width="200px"></td><td width="200px"></td></tr></table></body></html>
这是复杂的写法,代码有很多重复的部分,代码中注释是简单写法。
以下是演示
Keep on!