0323表格學習

上午早來復習了一會昨天的課程。今天主要學習了表格的標簽寫法,難度不大,但是合并行與合并列容易混淆搞不明白。

<!--有序列表-->
?? ?<ol type="I">
?? ??? ?<li>數學</li>
?? ??? ?<li>英語</li>
?? ??? ?<li>體育</li>
?? ?</ol>
<!--無序列表-->
?? ?<ul type="square">
?? ??? ?<li>小豬佩奇</li>
?? ??? ?<li>喬治</li>
?? ??? ?<li>豬爸爸</li>
?? ?</ul>
<!--定義列表-->
?? ?<dl>
?? ??? ?<dt>語文</dt>
?? ??? ?<dd>這是一門寫作文的學科</dd>
?? ??? ?<dt>數學</dt>
?? ??? ?<dd>這是一門寫公式的學科</dd>
?? ?</dl>
<!--表格-->
<!--兩行三列-->
<!--
1.boder="? px"控制邊框
2.width="? px" 寬度
3.height="??? px"? 高度
-->
<!--td屬性
1.width=""
2.height=""
3.colspan=""合并列-->
?? ?<table border="1px" width="100px" height="100px">
?? ??? ?<tr>
?? ??? ??? ??? ?<td>數學</td>
?? ??? ??? ??? ?<td>語文</td>
?? ??? ??? ??? ?<td>英語</td>
?? ??? ?</tr>
?? ??? ?<tr>
?? ??? ??? ??? ?<td></td>
?? ??? ??? ??? ?<td></td>
?? ??? ??? ??? ?<td></td>
?? ??? ?</tr>
?? ?</table>
?? ?
?? ?<!--兩行-->
?? ?<table border="1px" width="100px" height="100">
?? ??? ?<tr>
?? ??? ??? ?<td></td>
?? ??? ?</tr>
?? ??? ?<tr>
?? ??? ??? ?<td></td>
?? ??? ?</tr>
?? ?</table>
?? ?<!--三行三列-->
?? ?<table border="1" width="100" height="100">
?? ??? ?<tr>
?? ??? ??? ?<td rowspan="2"></td>
?? ??? ??? ?<td colspan="2" rowspan="2"></td>
?? ??? ?</tr>
?? ??? ?<tr>
?? ??? ?</tr>
?? ??? ?<tr>
?? ??? ??? ?<td></td>
?? ??? ??? ?<td colspan="2"></td>
?? ??? ?</tr>
?? ?</table>

?? ?</table>
?? ?<table border="1px" width="100px" height="100px">
?? ??? ?<tr height="50">
?? ??? ??? ?<td rowspan="2"></td>
?? ??? ??? ?<td colspan="2" rowspan="2"></td>?? ?
?? ??? ?</tr>
?? ??? ?<tr>?? ??? ?
?? ??? ?</tr>
?? ??? ?<tr>
?? ??? ??? ?<td></td>
?? ??? ??? ?<td colspan="2"></td>
?? ??? ?</tr>
?? ?</table>

</body>

?

定義列表<dt>與<dd>

border-邊框???? width-寬?? height--高

?

轉載于:https://www.cnblogs.com/G-qz/p/10583965.html

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

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

相關文章

路由進階

1>路由組件傳參 在組件中使用 $route 會使之與其對應路由形成高度耦合&#xff0c;從而使組件只能在某些特定的 URL 上使用&#xff0c;限制了其靈活性。 解決方法: 1.1若是動態匹配頁面&#xff0c;只需要在路由參數中加入props:true即可。 import Home from "/views/…

物聯網攝像機通訊_網絡調試助手

1&#xff0c;文檔目的&#xff1a; 了解對于物聯網網關與攝像機協議聯動&#xff0c;進行報警抓圖&#xff0c;智能檢測&#xff0c;OSD疊加&#xff0c;語音播報控制等聯動及數據交互。 適用產品&#xff1a;物聯網網關 &#xff08;OSD是屏幕顯示技術的一種&#xff09; 2…

linux 復制指定目錄下的全部文件到另一個目錄中,linux cp 文件夾

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 linux復制指定目錄下的全部文件到另一個目錄中復制指定目錄下的全部文件到另一個目錄中文件及目錄的復制是經常要用到的。linux下進行復…

銀行不告訴的秘密,看完豁然大悟

隨著理財意識的廣泛普及&#xff0c;每個人與銀行打交道的次數越來越頻繁&#xff0c;對于銀行知識、業務的了解似乎也有了很大的進步。 但總有一些看似很“肯定”的事&#xff0c;在銀行那里卻成了“不一定”。 在銀行里&#xff0c;還存在著不少讓非專業人士“意想不到”…

TOJ 3046: 招商銀行網絡系統

3046: 招商銀行網絡系統 Time Limit(Common/Java):1000MS/3000MS Memory Limit:65536KByteTotal Submit: 12 Accepted:3 Description 雖然招商銀行的網絡安全已經做得非常完善&#xff0c;但是天有不測風云&#xff0c;招商銀行內部網絡系統的一臺服務器意外感…

vue打包成app后,背景圖片不顯示

問題&#xff1a; 在使用npm run build 打包后&#xff0c; 如果在頁面中使用img標簽引入&#xff0c;打包后的路徑是由index.html開始訪問的&#xff0c;真正訪問的是Static/img/圖片名&#xff0c; 是正確的&#xff0c; 但是寫在css 中的background: url("../../assets…

解決: Linux – git: command not found

出錯原因&#xff1a;服務器沒有安裝GIT&#xff0c;所以導致出錯。 解決方法&#xff1a; 前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 Centos下使用&#xff1a;yum install git…

19-03-25

關于上拉加載和下拉刷新 minirefresh.github.io/minirefresh… 這是一個插件&#xff0c;應該是默認禁止了e.preventDefault和e.stopPropagation&#xff0c;而且在每次touchend中判斷當前滾動條位置&#xff0c;如果到達上部頂部&#xff0c;則再次雙禁止&#xff0c;因為插件…

如何設計函數?

函數&#xff1a; 一段具有某項功能的代碼&#xff0c;是C語言中管理代碼的單位。 把代碼封裝成一個個函數&#xff0c;可以方便的管理和調用代碼。函數分類&#xff1a; 標準庫函數&#xff1a;C語言標準為委員會為C語言以函數形式提供的一些基礎功能&#xff0c;被封裝在lib…

八個被現代科學證實的古老信條

近年來&#xff0c;現代科學證實了很多古代智慧中的教導和信念。幾個世紀以來我們都知道這些信念能夠幫助我們生活的幸福、健康和平衡。《赫芬頓郵報》將八個被現代科學證實的古老信仰整理如下。 1.幫助他人能讓你更健康 近年來&#xff0c;現代科學證實了很多古代智慧中的教…

Hystix熔斷解決雪崩問題

1.線程隔離&#xff0c;服務降級&#xff08;服務的消費方做降級處理&#xff09; 當服務繁忙時&#xff0c;如果服務出現異常&#xff0c;不是粗暴的直接報錯&#xff0c;而是返回一個友好的提示&#xff0c;雖然拒絕了用戶的訪問&#xff0c;但是會返回一個結果。 這就好比去…

Docker 環境下如何 安裝 Zookeeper

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 第一步&#xff1a;首先下載Zookeeper的鏡像文件&#xff1a; 從倉庫中pull 這個zookeeper鏡像&#xff1a;docker pull jplock/zookeep…

office教程:教你Excel 怎么樣使用信息函數

Excel如何使用信息函數信息函數專門用來返回某些指定單元格或區域的信息&#xff0c;例如獲取文件路徑、單元格格式信息或操作環境信息等。一&#xff0c;使用CELL函數返回引用單元格信息工作表中的每一個單元格都有對應的單元格格式、位置和內容等信息&#xff0c;在Excel中可…

【C基礎】指針/指針運算/二級指針/函數指針

指針定義&#xff1a; 指針是一種數據類型&#xff0c;使用它可以用來定義指針變量&#xff0c;指針變量中存儲的其實是整數&#xff0c;這種整數代表了內存的編號。指針的使用&#xff1a; 1、函數之間相獨立&#xff0c;但有些時候需要共享變量。傳參是值傳遞全局變量容易命…

中醫養生 選對方法就成功一半

在醫院門診室&#xff0c;因為腸胃不適前來看病的林先生。問及他平時的養生之道&#xff0c;他笑談&#xff0c;現在也正困惑著呢。 原來&#xff0c;最近他有兩個朋友&#xff0c;在單位體檢時分別被查出患有腎結石和膽囊炎&#xff0c;他本人最近也犯胃病。 最令人奇怪的一…

二叉查找樹,紅黑樹

漫畫算法&#xff1a;什么是紅黑樹&#xff1f;&#xff08;適合初學紅黑樹小白簡單易懂&#xff09; 2018年09月14日 09:55:54 蘇杭-Java工程師 閱讀數&#xff1a;494———————————— 二叉查找樹&#xff08;BST&#xff09;具備什么特性呢&#xff1f; 1.左子樹上所…

如何在 CentOS 7上安裝和使用 Docker Compose

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 介紹 Docker是一個很好的工具&#xff0c;但要真正充分利用它的潛力&#xff0c;最好是應用程序的每個組件都在它自己的容器中運行。對于…

WebSSH2安裝過程可實現WEB可視化管理SSH工具

目錄 Chrome web Secure Shell Extension gotty GateOne noVNCvncserver XtermjsSSH2nodejs nodejstty.js CheungSSH TriAquae https://github.com/Scirh/Python/tree/master/django https://www.smarthomebeginner.com/install-shellinabox-on-ubuntu/#64-bit https://gist.gi…

原碼反碼補碼位運算,

進制轉換&#xff1a; 十進制轉二進制&#xff1a; 求余法&#xff1a;用2對數據求余&#xff0c;然后再對商繼續求余&#xff0c;直到商為0結束&#xff0c;過程中產生的余數就是該數據的二進制(逆序)。 求權法&#xff1a;數據 - 2^(n-1) 如果可以減 第n位就是1&#xff0c;否…

一個人幸運的前提,是他有能力改變自己

很多時候&#xff0c;我們羨慕那些幸運的人&#xff0c;卻看不到他們為此做出的努力和改變。 其實&#xff0c;一個人的幸運并不是偶然的&#xff0c;美國成功哲學家金洛恩說過這么一句話&#xff1a;“成功不是追求得來的&#xff0c;而是被改變后的自己主動吸引來的。” …