利用HTML创建个人简历

最新推荐文章于 2024-05-12 03:14:35 发布

巴乐┏

最新推荐文章于 2024-05-12 03:14:35 发布

阅读量1k

点赞数

分类专栏： HTML标签文章标签： html css

本文链接：https://blog.csdn.net/qq_44276627/article/details/117466988

版权

本文介绍了如何使用HTML创建个人简历，重点讲解了表格相关标签的使用，包括table、tr、th、td、caption等，并详细阐述了table的属性如border、cellspacing、cellpadding等，还提供了表格代码示例及实现效果。

摘要由CSDN通过智能技术生成

利用HTML创建个人简历

HTML表格的特点：
通常情况下，同行的高度一致，同列的宽度一致。

一、标签的学习

1.表格标签
table标签定义一个表格
tr标签定义表格的行声明一行,设置行高及改行所有单元格的高度.
th标签定义表格的页眉通常默认是粗体字居中显示
td标签定义表格的列默认居左显示原始数据
caption标签定义表格标题
tboby标签是表格的主题，放内容
thead标签定义表格的表头
tfoot标签定义表格的尾

2.table标签的属性

boder表示外框边线的粗细
bodercolor表示边线的颜色
cellspacing表示单元格之间的空隙
cellpadding:设置内容居边框的距离
width表示表格的宽
height表示表格的高
bgcolor表示背景
rowspan表示行合并
colspan表示列合并

3.表格代码实现

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <style type="text/css">
    .tg  {
   border-collapse:collapse;border-spacing:0;}
    .tg td{
   border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
      overflow:hidden;padding:10px 5px;word-break:normal;width: 100px;height: 20px;}
    .tg th{
   border-color:black;border-style:solid;border-width:1px;font-family:Arial, sans-serif;font-size:14px;
      font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;width: 100px;height: 20px;}
    .tg .tg-pb0m{
   border-color:inherit;text-align:center;vertical-align:bottom}
    .tg .tg-c3ow{

最低0.47元/天解锁文章

巴乐┏

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
利用HTML创建个人简历

利用HTML创建个人简历HTML表格的特点：通常情况下，同行的高度一致，同列的宽度一致。一、标签的学习1.表格标签table标签定义一个表格tr标签定义表格的行声明一行,设置行高及改行所有单元格的高度.th标签定义表格的页眉通常默认是粗体字居中显示td标签定义表格的列默认居左显示原始数据caption标签定义表格标题tboby标签是表格的主题，放内容thead标签定义表格的表头tfoot标签定义表格的尾2.table标签的属性boder表示外框边线的粗
复制链接

扫一扫