好久不见，兄弟们。我又回来继续更blog了！
博主主页：GUIDM
收入专栏：零基础HTML学习
一、表格
tr:行 td：列
th:表头单元格，内部文本加粗并居中显示。
表格
属性
border：定义线条的粗细
width：定义表格的总宽度
height：定义表格的总高度
cellspacing：定义单元格之间的距离
cellpadding：定义单元格边框和文本之间的距离
align：定义表格在页面中水平方向上的对齐方式
bgcolor：修饰表格的背景颜色
bordercolor：修饰表格的边框颜色
想让单元格之间的距离，或者单元格与文本之间的距离变大，调整cellspacing和cellpadding即可。
表格行属性
height：设置表格行的高度（总高度不变）
bgcolor：背景颜色（一整行）
align：设置tr内部所有单元格内容的水平对齐方式
valign：设置tr内部所有单元格内容的垂直对齐方式
tr无宽度属性
单元格中默认的对齐方式：水平左侧对齐，垂直居中对齐。
单元格| 属性
width：单元格宽度
height：单元格高度
bgcolor：单元格背景色
align：单元格里面内容的水平对齐方式
valign：单元格里面内容的垂直对齐方式
调整任何单元格的高度/宽度，都会影响该单元格所有列的所有单元格的高度/宽度。
清除单元格之间的距离/单元格跟文本之间的距离：
<table border="1" width="500px" height="150px" cellspacing='0' cellpadding='0' align="center" >
单元格合并
rowspan：合并行
colspan：合并列
可查看：合并案例
这个案例可以很好的了解如何使用合并
表格分组
表格标题： 一般放在第一个 | |
标签之前。
表格头：
表格体：
表格尾：
表格如果没有使用任何分组标签，浏览器在渲染时，会把table中所有未分组的tr放在一个tbody标签里。
一个表格只允许使用一个thead和一个tfoot，但允许使用多个tbody。
列分组标签：
：把一列或连续的几列分成一组，经常用于表格一整列单元格的颜色。
span属性：多少列为一组
bgcolor属性：背景颜色
二、svg
svg标签是svg图形的一个容器（绘制图形的画布）。
重要属性：
width：定义画布的宽度
height：定义画布的高度
形状元素：
width:定义矩形的宽度
height：定义矩形的高度
fill：填充颜色
stroke-width：边框宽度
stroke：边框颜色
x：左边位置
y：顶部位置
fill-opacity：填充颜色的不透明度（0-1）
stroke-opacity：描边颜色的不透明度（0-1）
opacity：整个元素的不透明度（0-1）
<svg width="500px" height="500px">
<rect width="300px" height="200px" fill="green" stroke-width="2px" stroke="black" x="50" y='20'/>
通过定义rx，ry属性，同值为圆角，不同值为椭圆。
<svg width="500px" height="500px">
<rect width="300px" height="200px" fill="green" rx="50" ry="50"s/>
svg width="500px" height="500px">
<rect width="300px" height="200px" fill="green" rx="50" ry="70"/>
cx：定义圆形中心的x坐标
cy：定义圆形中心的y坐标
r：定义圆形的半径
stroke：边框颜色
stroke-width：边框宽度
fill：背景色填充
<svg width="500px" height="500px">
<circle cx='100' cy='100' r='50' fill="yellow"/>
cx:圆心x坐标
cy：圆心y坐标
rx：水平半径
ry：水平半径
stroke：边框颜色
stroke-width：边框宽度
fill：背景色填充
<svg width="500px" height="500px">
<ellipse cx='100' cy='100' rx='50' ry="60" fill="green"/>
x1：起点x坐标
x2：结束x坐标
y1：起点y坐标
y2：结束y坐标
points：图形每个点的坐标，至少三对坐标，每对坐标用空格隔开。
<svg width="500px" height="500px">
<polygon points="200,20 250,190 160,210"/>
points:2个以上的坐标，一般用于折现的表现。
相关阅读:
鸿蒙：自定义组件、自定义函数、自定义样式
【大数据】hadoop安装部署（学习笔记）
springboot+高校学生实习档案管理 毕业设计-附源码221508
crisprcas9基因编辑步骤
银联扫码支付及静态码回调验签
RabbitMQ进阶
java技术：knife4j实现后端swagger文档
智能计算之粒子群算法(PSO)介绍
探究SpringWeb对于请求的处理过程
cocosCreator 之 crypto-es数据加密
原文地址：https://blog.csdn.net/m0_61901625/article/details/126758500