表格标记＜table＞
一.表格标记、
1table：表格标记
2.caption:表单标题标记
3.tr:表格行标记
4.td:表格中数据单元格标记
5.th:标题单元格
table标记是表格中最外层标记，tr表示表格中的行标记，一对<tr>表示表格中的一行，在<tr>中可以嵌套几对<th>标记或几对<td>标记
属性：
width：设置表格或者单元格的宽度
height：设置表格或者单元格的高度
align：设置表格或者单元格中，文字水平对齐方式
valign：设置单元格垂直对齐方式，可取top bottom middle baseline
border:设置边框的值，默认为0，表示不可见
bgcolor：背景颜色
background:背景图片
<!-- 属性：width：设置表格或者单元格的宽度height：设置表格或者单元格的高度align：设置表格或者单元格中，文字水平对齐方式valign：设置单元格垂直对齐方式，可取top bottom middle baseline border:设置边框的值，默认为0，表示不可见bgcolor：背景颜色background:背景图片 --><table align="center" border="4" width="300px" height="400px" bgcolor="yellow" ><caption>表格</caption><tr valign="top"><th>标题1</th><th>标题1</th></tr><!-- valign:这个属性只能放在tr td th标记中 --><tr valign="middle"><td >单元格1</td><td>单元格2</td></tr><tr valign="bottom"><td>单元格3</td><td>单元格4</td></tr></table>
留下一个小作业，这个用表格怎么写呢？
这里直接贴上代码了哦
<hr><table border="3" align="center" width="500px" bgcolor="yellow"><caption>个人简历表</caption><tr bgcolor="blue"><th>姓名</th><th>年龄</th><th>籍贯</th></tr><tr bgcolor="green"><td>东方翱翔</td><td>不告诉你</td><td>我也不告诉你</td></tr></table>完整代码
<!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><!-- 属性：width：设置表格或者单元格的宽度height：设置表格或者单元格的高度align：设置表格或者单元格中，文字水平对齐方式valign：设置单元格垂直对齐方式，可取top bottom middle baseline border:设置边框的值，默认为0，表示不可见bgcolor：背景颜色background:背景图片 --><table align="center" border="4" width="300px" height="400px" bgcolor="yellow" ><caption>表格</caption><tr valign="top"><th>标题1</th><th>标题1</th></tr><!-- valign:这个属性只能放在tr td th标记中 --><tr valign="middle"><td >单元格1</td><td>单元格2</td></tr><tr valign="bottom"><td>单元格3</td><td>单元格4</td></tr></table><hr><table border="3" align="center" width="500px" bgcolor="yellow"><caption>个人简历表</caption><tr bgcolor="blue"><th>姓名</th><th>年龄</th><th>籍贯</th></tr><tr bgcolor="green"><td>东方翱翔</td><td>不告诉你</td><td>我也不告诉你</td></tr></table></body></html>效果
相关文章：
表格标记＜table＞
一.表格标记、 1table：表格标记 2.caption:表单标题标记 3.tr:表格行标记 4.td:表格中数据单元格标记 5.th:标题单元格 table标记是表格中最外层标记，tr表示表格中的行标记，一对<tr>表示表格中的一行，在<tr>中可…...
Rust练手项目，写个有趣的小工具定时从一言网获取一段有趣的话并推送通知
Rust练手项目，写个有趣的小工具 代码 继续练习Rust, 写个小工具定时从一言网获取一段有趣的话并提示，如下 练习以下Rust点 并发编程 Mutex, Arc指针使用HTTP请求Windows Gui 代码 Cargo.toml [package] name "funny_word" edition "20…...
【隐私计算】Paillier半同态加密算法
一、何为同态加密（HE）？ HE是一种特殊的加密方法，它允许直接对加密数据执行计算，如加法和乘法，而计算过程不会泄露原文的任何信息。计算的结果仍然是加密的，拥有密钥的用户对处理过的密文数据进…...
判断数字的奇偶[中秋快乐~]
题目描述 给定一个整数 n,编写程序判断数字 n 是奇数还是偶数，是奇数则输出 “odd”，偶数则输出 “even”。 输入格式 一行，一个整数 n。 输出格式 一行，如果 n 是奇数则输出 “odd”; 如果 nn 是偶数则输出 “even”。 样例…...
文件操作及重定向详解
1、linux下一切皆文件： 在linux中，一切皆文件是一个重要的概念，用于描述linux操作系统中所有资源和设备都以文件的形式进行访问和处理。 这个概念可以理解为，无论是硬盘上的文件、网卡、设备、进程等，都被抽象为文件的形式存在。在linux系统中，通…...
鸿蒙next json解析 ArkUI 带你玩转 arkts json解析
前言导读 相信很多同学再开发过程中都会遇到json解析的处理，不管是跟服务端交互 或者是读取本地的json 都会遇到json解析 那么正好今天有空正好讲一下鸿蒙next里面的json解析 JSON解析与生成 本模块提供了将JSON文本转换为JSON对应对象或值，以及将对象…...
东土科技加码芯片业务投资，携手神经元共建新型工业生态
为抢抓国产化芯片发展的重大机遇，东土科技决定进一步加大对神经元信息技术（成都）有限公司的投资。这一战略布局有利于东土科技鸿道Intewell工业操作系统与神经元公司芯片的深度协同，推动实现“信息技术、网络技术、控制技术、数字…...
指纹与指甲检测系统源码分享
指纹与指甲检测检测系统源码分享 [一条龙教学YOLOV8标注好的数据集一键训练_70全套改进创新点发刊_Web前端展示] 1.研究背景与意义 项目参考AAAI Association for the Advancement of Artificial Intelligence 项目来源AACV Association for the Advancement of Computer V…...
C++3D迷宫
目录 开头程序程序的流程图程序游玩的效果下一篇博客要说的东西 开头 大家好，我叫这是我58。 程序 #include <iostream> using namespace std; void printmaze(char strmaze[5][5][5]) {cout << "-----" << endl;int i 0;int ia 0…...
跨界融合，GIS如何赋能游戏商业——以《黑神话：悟空》为例
在数字化时代，地理信息系统（GIS）技术正以其独特的空间分析和可视化能力，为游戏产业带来革命性的变革。《黑神话：悟空》作为中国首款3A级别的动作角色扮演游戏，不仅在游戏设计和技术上取得了突破，…...
【计网】从零开始使用TCP进行socket编程 --- 客户端与服务端的通信实现
阵雨后放晴的天空中， 出现的彩虹很快便会消失。 而人心中的彩虹却永不会消失。 --- 太宰治 《斜阳》--- 从零开始使用TCP进行socket编程 1 TCP与UDP2 TCP服务器类2.1 TCP基础知识2.2 整体框架设计2.3 初始化接口2.4 循环接收接口与服务接口 3 服务端与客户端测试…...
Imagen：重塑图像生成领域的革命性突破
目录 引言 一、Imagen模型的技术原理 1. 模型概述 2. 工作流程 3. 技术创新 二、Imagen模型的应用实例 1. 创意设计 2. 虚拟角色制作 3. 概念可视化 三、Imagen模型的优势与挑战 1. 优势 2. 挑战 四、Imagen模型的未来发展方向 1. 图像生成质量的提升 2. 多模态…...
Golang | Leetcode Golang题解之第402题移掉K位数字
题目： 题解： func removeKdigits(num string, k int) string {stack : []byte{}for i : range num {digit : num[i]for k > 0 && len(stack) > 0 && digit < stack[len(stack)-1] {stack stack[:len(stack)-1]k--}stack app…...
c++ gtsam/inference/Symbol.h 详细介绍
gtsam/inference/Symbol.h 是 GTSAM 库中的一个头文件，定义了 Symbol 类。这个类用于在因子图优化中标识和管理变量。Symbol 提供了一种便捷的方式来创建和使用唯一标识符，从而避免手动管理复杂的整数键。 Symbol 类详细介绍 Symbol 类是 GTSAM 中用于…...
apache文件共享和访问控制
实现apache文件共享 文件共享路径 <Directory "/var/www/html"> #默认发布路径，功能限制 Options Indexes FollowSymLinks #indexes支持文件共享功能 AllowOverride None Require all granted </Directory> 进入到该路径下 cd…...
LeetCode 2398.预算内的最多机器人数目：滑动窗口+单调队列——思路清晰的一篇题解
【LetMeFly】2398.预算内的最多机器人数目：滑动窗口单调队列——思路清晰的一篇题解 力扣题目链接：https://leetcode.cn/problems/maximum-number-of-robots-within-budget/ 你有 n 个机器人，给你两个下标从 0 开始的整数数组 chargeTimes …...
vue 在线预览word和excel
yarn add vue-office/excel vue-office/docx <template><div><vue-office-docx:src"docx"style"height: 100%; margin: 0; padding: 0"rendered"rendered"/></div> </template><script> //引入VueOfficeDoc…...
物联网智能项目
物联网智能项目是一个涉及多个领域和技术的综合性项目，旨在通过互联网将各种物理设备连接起来，实现数据的采集、传输、处理和分析，进而实现智能化控制和管理。以下是对物联网智能项目的详细阐述，包括其定义、关键技术、应用领域、…...
828华为云征文｜Flexus云服务器X：Python安装的极致便捷之旅
目录 前言 一、Flexus云服务器X介绍 1.1 Flexus云服务器X实例简介 1.2 Flexus云服务器X实例特点 1.3 Flexus云服务器X实例场景需求 二、Flexus云服务器X购买 2.1 Flexus X实例购买 2.2 重置密码 2.3 登录服务器 三、Flexus云服务器X安装Python 3.1 Python下载 3.2 Python安装 3…...
Midjourney中秋特典-12张图附魔咒
第一张 魔咒 A Mid-Autumn Festival poster, a round bright moon, a Chinese-style pavilion with a scene of a reunion from Dream of the Red Chamber, a new Chinese style --ar 3:4 --v 6.1第二张 魔咒 The bright full moon hung in the night sky,clear in outline a…...
4步永久保存青春记忆：GetQzonehistory让QQ空间备份如此简单
4步永久保存青春记忆：GetQzonehistory让QQ空间备份如此简单 【免费下载链接】GetQzonehistory 获取QQ空间发布的历史说说 项目地址: https://gitcode.com/GitHub_Trending/ge/GetQzonehistory 在数字时代，我们的青春记忆常常散落在各种社交平台中…...
Qwen3.5-2B图文对话教程：‘描述这张图’‘提取表格数据’‘生成营销文案’三类实操
Qwen3.5-2B图文对话教程：描述这张图提取表格数据生成营销文案三类实操 1. 认识Qwen3.5-2B轻量化多模态模型 Qwen3.5-2B是阿里云推出的轻量化多模态基础模型，属于Qwen3.5系列的小参数版本（20亿参数）。这个模型特别适合在资源有限…...
Qwen3.5-9B应用场景：开发者日常——Stack Overflow式问答+Debug辅助
Qwen3.5-9B应用场景：开发者日常——Stack Overflow式问答Debug辅助 1. 开发者新利器：Qwen3.5-9B大模型 作为一名开发者，你是否经常遇到这样的场景：深夜调试代码时遇到报错，Stack Overflow上找不到满意答案࿱…...
别再死磕手册了！用Vivado 2023.1手把手教你配置Aurora 64B/66B IP核（附完整复位时序图）
Vivado 2023.1实战：Aurora 64B/66B IP核配置全流程解析 在FPGA高速通信领域，Aurora协议凭借其轻量级、高带宽的特性成为众多工程师的首选。但对于初学者而言，官方文档PG074中复杂的复位时序和参数配置往往让人望而生畏。本文将基于Vivado 202…...
QT老版本下载被拒？手把手教你用迅雷搞定5.12.12和4.8.7离线安装包
QT老版本下载难题破解：从地址拼接到离线安装全指南 遇到QT老版本下载被拒的提示？别急着放弃。对于需要维护遗留系统或确保项目兼容性的开发者来说，获取特定版本的QT框架往往成为一道必须跨越的门槛。本文将带你深入理解QT官方下载机制&#…...
DRASTIC：面向任务感知闭环触觉互联网应用中6G网络切片的动态资源分配框架
大家读完觉得有帮助记得关注和 点赞！！！摘要 本文提出一种新颖的学习驱动的带宽优化框架，称为 DRASTIC（任务感知闭环触觉互联网应用中用于切片的动态资源分配）。该框架在支持增强型移动宽带和高可靠低延迟通…...
【RT-DETR涨点改进】TGRS 2026 | 全网独家创新、特征融合改进篇| 引入STSAM协同时空注意力融合模块，发论文热点创新，注意力能够互相引导强化边界和结构细节，增强目标检测高效涨点
一、本文介绍 🔥本文给大家介绍使用 STSAM协同时空注意力融合模块 改进RT-DETR网络模型，STSAM 是 空间域特征增强模块，通过全局跨时相注意力和局部坐标注意力的并行处理，能有效聚焦真实变化目标，强化边界和结构细节，同时兼顾训练稳定性，为后续浅层特征融合提供高质量特…...
RAG集成：如何让你的企业知识库成为AI的“长期记忆”
核心命题：AI没有记忆，但你的知识库可以成为它的“外脑”。RAG（检索增强生成）是GEO的终极形态：让企业私有数据成为AI生成答案的唯一信源。引言：老陈的新困境——当AI“看见”了你的店，却“看不见…...
GLM-4.1V-9B-Base开源大模型：面向中文场景优化的轻量级视觉理解基座
GLM-4.1V-9B-Base开源大模型：面向中文场景优化的轻量级视觉理解基座 1. 模型概述 GLM-4.1V-9B-Base是智谱AI开源的一款专注于视觉多模态理解的基础模型，特别针对中文场景进行了优化。这个9B参数的轻量级模型在保持高效推理能力的同时，提供了…...
千问3.5-9B模型切换指南：OpenClaw多模型动态调用
千问3.5-9B模型切换指南：OpenClaw多模型动态调用 1. 为什么需要多模型动态调用 上周我尝试用OpenClaw自动整理电脑里积压的300多份PDF文档时，遇到了一个有趣的现象：处理简单文件重命名任务时，轻量级模型响应飞快；但遇…...