HTML5常用標簽表格

04-08、表格標簽table

概述

表格：是一種行和列組合而成的單元格。一般應用于后臺網頁設計管理數據使用。

表格的架構部分：

  • table
  • table head 表格頭 thead
  • table body - 表格體 tbody
  • table foot -表格的頁腳 tfoot

表格的基本組成部分：

  • table row - tr 表格中的行
  • table data cell - td 表格中的單元格
  • table header cell -th 表格中的頭部的單元格

表格的基本語法：

<!--table表格標簽-->
<table border="1px"><!--tr 行標簽--><tr><!--td 單元格標簽--><td>第1個單元格的內容</td><td>第2個單元格的內容</td>……</tr><tr><td>第1個單元格的內容</td><td>第2個單元格的內容</td>……</tr>
</table>

代碼

簡單表格：

<!--table表格標簽-->
<table border="1px"><!--tr 行標簽--><tr><!--td 單元格標簽--><td>第1個單元格的內容</td><td>第2個單元格的內容</td>……</tr><tr><td>第1個單元格的內容</td><td>第2個單元格的內容</td>……</tr>
</table>

表格完整分類

demo15.html

<!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>表格table</title><style>*{margin: 0;padding: 0;}body{margin: 100px;}table{width: 100%;border-collapse:collapse;margin: 20px 0;}table thead th,table tbody td{text-align: left;padding:10px;border:1px solid #ccc} .thead th,.tbody td{text-align: left;padding:10px;border:1px solid #ccc} </style>
</head>
<body><!--簡單表格--><table ><tr class="thead"><th>ID</th><th>姓名</th><th>年齡</th><th>操作</th></tr><tr class="tbody"><td>1</td><td>飛哥</td><td>35</td><td>編輯</td></tr><tr class="tbody"><td>2</td><td>狂神</td><td>25</td><td>編輯</td></tr></table><hr><!--完整表格--><table ><thead><tr><th>ID</th><th>姓名</th><th>年齡</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>飛哥</td><td>35</td><td>編輯</td></tr><tr><td>2</td><td>狂神</td><td>25</td><td>編輯</td></tr></tbody><tfoot><tr><td colspan="10">總共：2個用戶</td></tr></tfoot></table></body>
</html>
  • table > thead > td > th 默認是加粗 + 居中
  • table > tbody> td > td 默認是不加粗 + 居左

合并單元格 - 合并行—>rowspan

demo16.html

<!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>表格table</title><style>*{margin: 0;padding: 0;}body{margin: 100px;}table{width: 100%;border-collapse:collapse;margin: 20px 0;}table thead th,table tbody td,table tfoot td{text-align: left;padding:10px;border:1px solid #ccc} </style>
</head>
<body><!--完整表格--><table ><thead><tr><th>ID</th><th>姓名</th><th>年齡</th><th>總年齡</th><th>操作</th></tr></thead><tbody><tr><td rowspan="2">1</td><td>飛哥</td><td>35</td><td rowspan="2">60</td><td>編輯</td></tr><tr><td>狂神</td><td>25</td><td>編輯</td></tr></tbody><tfoot><tr><td colspan="5" >總共：2個用戶</td></tr></tfoot></table></body>
</html>

合并單元格 - 合并列—>colspan

    <!--合并單元格的問題 -- 合并列--><div><h3>合并單元格的問題 -- 合并列</h3><table border="1" width="100%"><thead><tr><th>ID</th><th>用戶姓名</th><th>年齡</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飛哥</td><td>35</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="4">總計：2人 性別男：2個 性別女：0個 平均年齡：30</td></tr></tfoot></table></div>

表格的跨行和跨列

<!--文檔類型：主要定義頁面支持的標簽類型，以及后續每個標簽的命名，特征和行為-->
<!DOCTYPE html>
<!--整個頁面的根元素-->
<html>
<!--頁面的頭部：主要用來設置瀏覽器解析頁面時候的編碼，頭信息，頁面描述、關鍵字,css樣式列表引入和js引入，響應式規則等--><head><!--告訴瀏覽器解析網頁的內容使用utf-8進行編碼--><meta charset="utf-8"><!--響應式規則--><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--設置關鍵字和描述--><meta name="keywords" content="KuangStudy,KuangStudy文章,KuangStudy博客,KuangStudy論壇,KuangStudy學習,學相伴"><meta name="description" content="KuangStudy是一個致力于為每個想學習知識的人提供一個少走彎路的平臺,包含優質體系課程、文章博客、專欄書寫、技術論壇、資源下載等產品服務,提供有用、優質、完整內容的自學交流社區."><!--設置圖標--><link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon"><!--給瀏覽器的標簽上顯示標題，也可以作為網頁收藏的文字--><title>表格分組-學相伴</title>
</head><body><!---完整的表格 --><div><h3>完整的表格</h3><table border="1" width="100%"><colgroup><col width="200px" align="center" /><col /><col /><col /><col width="100px" /></colgroup><thead><tr><th>ID</th><th>用戶姓名</th><th>年齡</th><th>地址</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td>重慶</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飛哥</td><td>35</td><td>湖南</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="5">分頁</td></tr></tfoot></table></div></body></html>

表格和表單組合

<!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><!--table表格標簽--><table border="1" width="100%"><tr><td>標題</td><td>年齡</td><td>操作</td></tr><tr><td><input type='text' /></td><td><input type='text' /></td><td><button>編輯</button><button>刪除</button></td></tr></table>
</body>
</html>

固定表格列的寬度

<!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><!--table表格標簽--><table border="1" width="100%"><tr><td align="center" width="200px">標題</td><td>年齡</td><td>操作</td></tr><tr><td align="center" width="200px"><input type='text' /></td><td><input type='text' /></td><td><button>編輯</button><button>刪除</button></td></tr></table>
</body></html>

colgroup統一設置列的寬度和對齊方式

<!--文檔類型：主要定義頁面支持的標簽類型，以及后續每個標簽的命名，特征和行為-->
<!DOCTYPE html>
<!--整個頁面的根元素-->
<html>
<!--頁面的頭部：主要用來設置瀏覽器解析頁面時候的編碼，頭信息，頁面描述、關鍵字,css樣式列表引入和js引入，響應式規則等--><head><!--告訴瀏覽器解析網頁的內容使用utf-8進行編碼--><meta charset="utf-8"><!--響應式規則--><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!--設置關鍵字和描述--><meta name="keywords" content="KuangStudy,KuangStudy文章,KuangStudy博客,KuangStudy論壇,KuangStudy學習,學相伴"><meta name="description" content="KuangStudy是一個致力于為每個想學習知識的人提供一個少走彎路的平臺,包含優質體系課程、文章博客、專欄書寫、技術論壇、資源下載等產品服務,提供有用、優質、完整內容的自學交流社區."><!--設置圖標--><link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon"><!--給瀏覽器的標簽上顯示標題，也可以作為網頁收藏的文字--><title>表格分組-學相伴</title>
</head><body><!---完整的表格 --><div><h3>完整的表格</h3><table border="1" width="100%"><colgroup><col width="200px" align="center" /><col /><col /><col /><col width="100px" /></colgroup><thead><tr><th>ID</th><th>用戶姓名</th><th>年齡</th><th>地址</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>狂神</td><td>20</td><td>重慶</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr><tr><td>1</td><td>飛哥</td><td>35</td><td>湖南</td><td><a href="#">編輯</a><a href="#">移除</a></td></tr></tbody><tfoot><tr><td colspan="5">分頁</td></tr></tfoot></table></div></body></html>

注意col元素-只能控制寬度，不能控制對齊方式，如果都設置了會忽略寬度，變成自動分配。

場景

  • https://preview.pro.ant.design/ 后臺管理系統
    在這里插入圖片描述

  • https://v3.bootcss.com/css/#tables
    在這里插入圖片描述

demo01---->合并

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width: 960px;margin: 0 auto; background: #fafafa; padding: 20px;}/* 合并邊框 */table{border-collapse: collapse; width: 100%;}/* solid實線 text-align: center;全部居中*/table tr th,table tr td{border: 1px solid #111; padding: 10px; text-align: center;}</style>
</head>
<body><div class="container"><h1>表格的認識table</h1><div>橫向是合并:列 colspan=,垂直方向是合并:行 rowspan= 最終合并時在td上</div><table><!-- 控制某一行的寬度 --><!-- <colgroup><col style="width:  500px;"/><col style="width:  500px;"/></colgroup> --><thead><tr><th>ID</th><th>姓名</th><th>年齡</th><th>操作</th></tr></thead><tbody><tr><td>1</td><td>小成</td><td>26</td><td>編輯,操作</td></tr><tr><td>1</td><td>小成</td><td>26</td><td>編輯,操作</td></tr></tbody><tfoot><tr><td colspan="5">分頁</td><!-- <td>姓名</td><td>年齡</td><td>操作</td> --></tr></tfoot></table></div>
</body>
</html>

demo2—>選中的狀態和淡入淡出的效果

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}.ksd-ui-table tr th,.ksd-ui-table tr td{border:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 選中的狀態 */.ksd-ui-table tr:hover{background:#eee;}</style>
</head>
<body><div class="container"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年齡</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>      </tr></tbody><tfoot><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>      </tr></tfoot></table></div>
</body>
</html>

demo—>單雙行界面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}.ksd-ui-table tr th,.ksd-ui-table tr td{border:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 單雙行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 選中的狀態 nth-child比hover優先級更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}</style>
</head>
<body><div class="container"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年齡</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>      </tr></tbody></table></div>
</body>
</html>

demo->給外部加邊框

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}.ksd-ui-table{border-collapse: collapse;width: 100%;}/* 給外部加邊框  border-bottom 去掉下邊框*/.ksd-ui-table-box{border: 1px solid #ccc; border-bottom: 0px;}/* border-bottom只給底部加入邊框 */.ksd-ui-table tr th,.ksd-ui-table tr td{border-bottom:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 單雙行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 選中的狀態 nth-child比hover優先級更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}</style>
</head>
<body><div class="container"><div class="ksd-ui-table-box"><table class="ksd-ui-table"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年齡</th>    <th>操作</th>    </tr></thead><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>      </tr></tbody></table></div></div>
</body>
</html>

demo–>懸浮定位和固定定位

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=<device-width>, initial-scale=1.0"><title>Document</title><style>.container{width:960px;margin: 0 auto;background:#fafafa;padding:20px;}/* table-layout: fixed;數據對齊 布局全部用fixed*/.ksd-ui-table{border-collapse: collapse;width: 100%; table-layout: fixed;}/* 給外部加邊框  border-bottom 去掉下邊框*/.ksd-ui-table-box{border: 1px solid #ccc; border-bottom: 0px;}/* border-bottom只給底部加入邊框 */.ksd-ui-table tr th,.ksd-ui-table tr td{border-bottom:1px solid #ccc;padding:10px;text-align: center;}/* 淡入淡出的效果 */.ksd-ui-table tr{transition: 300ms;}/* 單雙行界面 */.ksd-ui-table tbody tr:nth-child(odd){background:#fafafa;}.ksd-ui-table tbody tr:nth-child(even){background:#eee;}/* 選中的狀態 nth-child比hover優先級更高*/.ksd-ui-table tbody tr:hover{background:#111;color: #fff;}/* 懸浮定位和固定定位  當滾動條加載到top：0的時候沒救把定位static改成fixed*/.ksd-ui-table-headfix{position: sticky;top: 0; background: #fff;}</style>
</head>
<body><div class="container"><div class="ksd-ui-table-box"><table class="ksd-ui-table ksd-ui-table-headfix"><thead><tr><th>ID</th>    <th>姓名</th>    <th>年齡</th>    <th>操作</th>    </tr></thead></table><table class="ksd-ui-table"><tbody><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>        </tr><tr><td>ID</td>    <td>姓名</td>    <td>年齡</td>    <td>操作</td>      </tr></tbody></table></div></div>
</body>
</html>

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/bicheng/21351.shtml
繁體地址，請注明出處：http://hk.pswp.cn/bicheng/21351.shtml
英文地址，請注明出處：http://en.pswp.cn/bicheng/21351.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！

相關文章

Bluetooth Profiles,藍牙配置文件對應設備

Bluetooth Profiles,藍牙配置文件對應設備

下面的常量是藍牙各種配置文件的標識符。 每個常量代表一個特定的藍牙配置文件&#xff0c;這些配置文件定義了藍牙設備之間通信的特定方式。以下是每個常量的解釋&#xff1a; HEADSET (1): 代表耳機和免提配置文件&#xff0c;通常用于藍牙耳機或車載免提系統。A2DP (2): 代…
閱讀更多...
opencv-python（三）

opencv-python（三）

馬賽克 face img[162:428,297:527] # 人臉坐標區域face face[::10,::10] # 每10個中取出一個像素&#xff0c;馬賽克face np.repeat(face, 10, axis0) # 行方向重復10次face np.repeat(face, 10, axis1) # 列方向重復10次img[162:428,297:527] face[:266,:230] # 填充&a…
閱讀更多...
計算機科學與技術和軟件工程專業有什么區別？應該怎么選？

計算機科學與技術和軟件工程專業有什么區別？應該怎么選？

計算機科學與技術和軟件工程都是就業前景較好的計算機類專業&#xff0c;二者密切相關但側重點不同&#xff0c;同學們應該如何選擇呢&#xff1f; 一、學習內容 1.學科定位 ● 計算機科學與技術 側重于計算機科學的理論研究和基礎技術&#xff0c;包括算法、數據結構、人工…
閱讀更多...
lnmp平臺部署web應用，安裝Discuz社區平臺詳細文章——更新中

lnmp平臺部署web應用，安裝Discuz社區平臺詳細文章——更新中

Nginx網站service 詳細相關介紹-特點-http狀態碼-配置文件、將nginx添加永久環境變量 訪問網站404是什么&#xff1f;_nginx 穩定版-CSDN博客文章瀏覽閱讀1.2k次&#xff0c;點贊33次&#xff0c;收藏24次。開源Web服務器軟件。_nginx 穩定版https://blog.csdn.net/2301_771619…
閱讀更多...
數據結構--數組（詳細分析）

數據結構--數組（詳細分析）

目錄 &#x1f349;引言 &#x1f349;數組 &#x1f348;數組的特性 &#x1f348;數組的優缺點 &#x1f34d;優點&#xff1a; &#x1f34d;缺點&#xff1a; &#x1f348;數組的聲明與初始化 &#x1f348;數組的常見操作 &#x1f34d; 插入操作 &#x1f34d;…
閱讀更多...
Touch Camera PRO 2024 Easy Mobile Desktop Camera Controller（觸控相機專業版）

Touch Camera PRO 2024 Easy Mobile Desktop Camera Controller（觸控相機專業版）

一個真正易于使用的移動+臺式攝像機控制器，具有視角切換功能！ Touch Camera PRO 是一款非常易于使用的移動+桌面相機控制器，具有透視切換功能！它在 Home Designer、Runtime Level Editor 和 Floor Map Designer 等其他插件中使用！ 在桌面和移動設備上工作！ 一個干…
閱讀更多...
WIireShark使用教程

WIireShark使用教程

文章目錄 目錄 文章目錄 一.入門抓包示例 一.入門抓包示例 先介紹一下如何使用wireshark抓取相應網卡的流量&#xff0c;讓讀者可以先上手操作感受一下抓包的具體過程。 1.打開wireshark的主界面如下 2.選擇需要抓包的網卡&#xff0c;鼠標左鍵雙擊&#xff0c;即可抓取該網…
閱讀更多...
Mysql常見問題總結

Mysql常見問題總結

1、MySQL初始化報錯 mysqld --initialize --usermysql --console 2024-06-02T15:52:22.645557Z 0 [System] [MY-013169] [Server] D:\installSoft\mysql-8.0.21-winx64\bin\mysqld.exe (mysqld 8.0.21) initializing of server in progress as process 8980 2024-06-02T15:52:2…
閱讀更多...
02-2.3.2_1 單鏈表的插入和刪除

02-2.3.2_1 單鏈表的插入和刪除

喜歡《數據結構》部分筆記的小伙伴可以訂閱專欄&#xff0c;今后還會不斷更新。 此外&#xff0c;《程序員必備技能》專欄和《程序員必備工具》專欄&#xff08;該專欄暫未開設&#xff09;日后會逐步更新&#xff0c; 插入 按位序插入 &#xff08;1&#xff09;帶頭結點 L…
閱讀更多...
量子加速超級計算簡介

量子加速超級計算簡介

本文轉載自&#xff1a;量子加速超級計算簡介(2024年 3月 13日) By Mark Wolf https://developer.nvidia.cn/zh-cn/blog/an-introduction-to-quantum-accelerated-supercomputing/ 文章目錄 一、概述二、量子計算機的構建塊&#xff1a;QPU 和量子位三、量子計算硬件和算法四、…
閱讀更多...
代碼隨想錄算法訓練營第三十七 | ● 738.單調遞增的數字 ● 968.監控二叉樹

代碼隨想錄算法訓練營第三十七 | ● 738.單調遞增的數字 ● 968.監控二叉樹

738.單調遞增的數字 講解鏈接&#xff1a;https://programmercarl.com/0738.%E5%8D%95%E8%B0%83%E9%80%92%E5%A2%9E%E7%9A%84%E6%95%B0%E5%AD%97.html class Solution { public:int monotoneIncreasingDigits(int n) {//整數轉字符串&#xff0c;變為字符串訪問比諸位取出數字要…
閱讀更多...
項目集成過程中的makefile記錄

項目集成過程中的makefile記錄

項目集成過程中的makefile記錄 文章目錄 項目集成過程中的makefile記錄1.基礎概念注釋打印賦值方式常用變量$ 偽目標函數wildcard 多目錄、文件操作 2.思路梳理**需求分析**目錄結構 3.可行示例 持續更新中1.基礎概念 注釋 # 示例&#xff1a; # 項目名稱打印 echo "H…
閱讀更多...
控制臺相關

控制臺相關

輸入輸出 輸出 Console.WriteLine("123123");//光標空行 Console.Write("123123123123");//不空行輸入 string str Console.ReadLine(); //如果在ReadKey(true)不會把輸入的內容顯示在控制臺上 char c Console.ReadKey(true).KeyChar; Console.WriteL…
閱讀更多...
ACM實訓第25天

ACM實訓第25天

第四套 第一道&#xff08;修改&#xff09; #include<stdio.h> #include<string.h> int cnt[10]; void count_digits(int n,int* cnt){for(int i1;i<n;i){int numi;while(num){cnt[num%10];num/10;}} } int main(){int t;scanf("%d\n",&t);whi…
閱讀更多...
力扣刷題--2553. 分割數組中數字的數位【簡單】

力扣刷題--2553. 分割數組中數字的數位【簡單】

題目描述 給你一個正整數數組 nums &#xff0c;請你返回一個數組 answer &#xff0c;你需要將 nums 中每個整數進行數位分割后&#xff0c;按照 nums 中出現的 相同順序 放入答案數組中。 對一個整數進行數位分割&#xff0c;指的是將整數各個數位按原本出現的順序排列成數…
閱讀更多...
名為投資實為借貸，如何處理

名為投資實為借貸，如何處理

投資近百萬參與號稱“高回報、零風險”的內部商鋪投資項目&#xff0c;與公司簽訂商鋪投資合同及租賃合同。本想投資商鋪收取租金&#xff0c;沒想到不僅租金沒拿到手&#xff0c;連本金都要不回來。 2019年底&#xff0c;原告何某&#xff08;乙方&#xff09;與被告祁東縣某…
閱讀更多...
QSettings注冊表 json雙模式配置文件

QSettings注冊表 json雙模式配置文件

qt　QSettings　類可用來保存軟件設置&#xff0c;json文件也是保存軟件設置的很好的方式&#xff0e; 這里結合json文件和QSettings注冊表來保存軟件設置&#xff0e;區別在于json文件在軟件目錄&#xff0c;每次更新時會被覆蓋&#xff0c;注冊表中設置持久有效&#xff0c;…
閱讀更多...
14.FreeRTOS 消息緩存 Message Buffer

14.FreeRTOS 消息緩存 Message Buffer

FreeRTOS 消息緩存&#xff08;Message Buffer&#xff09;的使用 介紹 在實時操作系統&#xff08;RTOS&#xff09;中&#xff0c;任務之間的通信是一個非常重要的方面。FreeRTOS 提供了多種機制來實現任務間通信&#xff0c;其中之一就是消息緩存&#xff08;Message Buffe…
閱讀更多...
【IC驗證】一文速通多通道數據整型器(MCDF)

【IC驗證】一文速通多通道數據整型器(MCDF)

目錄 01 README 02 MCDF設計結構 2.1 功能描述 2.2 設計結構 2.3 接口與時序 2.3.1 系統信號接口 2.3.2 通道從端接口 2.3.3 整形器接口 2.3.4 控制寄存器接口 2.3.4.1 接口時序圖 2.3.4.2 各數據位信息 03 驗證框圖 3.1 reg_pkg 3.1.1 reg_trans 3.1.2 reg_driv…
閱讀更多...
【一刷《劍指Offer》】面試題 27：二叉搜索樹與雙向鏈表

【一刷《劍指Offer》】面試題 27：二叉搜索樹與雙向鏈表

牛客對應題目鏈接&#xff1a;二叉搜索樹與雙向鏈表_牛客題霸_牛客網 (nowcoder.com) 力扣對應題目鏈接&#xff1a;LCR 155. 將二叉搜索樹轉化為排序的雙向鏈表 - 力扣&#xff08;LeetCode&#xff09; 一、《劍指 Offer》對應內容 二、分析題目 上面力扣上的這道題目和牛客…
閱讀更多...
最新文章

Copyright @ 2022~2023