前言小知识：当我们需要连续打出多个相同标签时，也有快捷键

tr*4 然后按下 tab,很神奇吧，这对于我们创建n行n列的表格特别有帮助！！！<tr></tr><tr></tr><tr></tr><tr></tr>

表格

表格的基本使用

表格的基本使用

创建表格的方法：

<table><tr><td>单元格内文字</td>...</tr>...
</table>

table用于定义一个表格标签。

tr标签用于定义表格中的行，必须嵌套在 table标签中。

td 用于定义表格中的单元格，必须嵌套在标签中。

字母 td 指表格数据（table data），即数据单元格的内容

下面给大家看下标签所对应的位置以及用法,自己画了个图！！！

注意啦

<tr> </tr>中只能嵌套类的单元格
<td> </td>标签，他就像一个容器，可以容纳所有的元素
表格没有列的概念！！！记清楚啦！！！

下面我么拿来实现上面效果：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>我的学习</title>
</head>
<body><table><tr><td>姓名</td><td>学号</td><td>学院</td></tr><tr><td>Yyds</td><td>123</td><td>哇啊学院</td></tr><tr><td>Yyds</td><td>222</td><td>嗯嗯学院</td></tr></table>
</body>
</html>

我的HTML学习------表格的基本使用相关推荐

Vue 学习——表格列表数据显示百分号%、显示数字改为自定义内容、数据表头下拉、点击筛选数据
目录 Vue 格式formatter 1.Vue表格列表数据显示百分号% 2.Vue显示数字改为自定义内容 Vue element-ui 数据表头下拉,点击筛选数据 Vue 格式formatter 初 ...
MarkDown语法学习--表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行. 基本语法格式如下: | 表头 | 表头 | | ---- | ---- | | 单元格 | 单元格 | | 单元 ...
基于深度学习表格票据OCR识别
OCR文字识别是指利用OCR (Optical Character Recognition,光学字符识别)技术,将图片.照片上的文字内容,直接转换为可编辑文本的软件.把图片转换成可以编辑的文字.支持J ...
8、HTML ＜table＞标签（表格）
在 HTML 中,我们使用 <table> 标签来定义表格.HTML 中的表格和 Excel 中的表格是类似的,都包括行.列.单元格.表头等元素.但是 HTML 表格在功能方面远没有 Ex ...
记表格设计规范整理与页面可视化生成工具开发
前言公司有一个项目在维护,大概有300左右,其中表单与表格的页面占比大概百分之五六十,为了节省开发时间,避免多人协作时,出现多套冗余代码,我们尝试写了一下表单和表格的生成工具,从梳理到规范学习再到总 ...
Google Research新成果，让表格理解和检索更上一层楼！
文 | 舞风小兔编 | 智商掉了一地如何更好地理解自然语言查询问题与表格信息?Google Research给出了一个改进版Transformer,一起来看看吧! 表格以结构化方式存储信息,广泛地 ...
web前端基础（02html表格）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>< ...
excel表格不够怎么添加_做出来的Excel表格乱七八糟，不够清晰？学会思路就简单多了...
私信回复关键词[2020]~ 立即获取100+套高颜值图表模板! 同一个Excel,有些同学做出来的表格清晰明了,有些同学的表格却-- 你的表格是魔是仙?如何化魔为仙?今天就把思路教给你! 01 问题 ...
微信小游戏开发实战教程2-使用表格处理数据
**这是小蚂蚁游戏开发公众号原创的第36篇. 本篇内容包括微信小游戏开发工具中的表格的使用.重点学习表格中的数据的设置,遍历和查找操作,以及如何使用"调试场景"来验证游戏中的逻辑是 ...

我的HTML学习------表格的基本使用

表格

表格的基本使用

我的HTML学习------表格的基本使用相关推荐

最新文章

热门文章