HTML 基礎之回型矩形

阿新 • • 發佈：2019-02-17

本次的是上篇的跨行跨列的練習，主要還是掌握rowspan屬性，並且能在大腦裡構建這個圖的形狀。建議可以現在草稿紙上面自己畫一個先，慢慢就會有感覺了。

既然是寫過的，那就直接上程式碼：

<!DOCTYPE html>
<html>
	<!--
	        作者：三一
	        時間：2018-07-29
	        描述：HTML基本的操作之         跨行跨列回型矩形       
    -->

	<head>
		<meta charset="utf-8" />
		<title>回形矩形</title>
	</head>

	<body>
		<!--一個nbsp代表一個位元組-->
		<table bgcolor="black" align="center" cellspacing="1px">
			<tr bgcolor="#FFF">
				<td colspan="2" bgcolor="blue">A&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
				<td rowspan="2" bgcolor="burlywood">B&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
			<tr bgcolor="#FFF">
				<td rowspan="2" bgcolor="cyan">C&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
				<td>D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
			<tr bgcolor="#FFF">
				<td colspan="2" bgcolor="coral">E&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			</tr>
		</table>
	</body>

</html>

結果圖：

HTML 基礎之回型矩形

本次的是上篇的跨行跨列的練習，主要還是掌握rowspan屬性，並且能在大腦裡構建這個圖的形狀。建議可以現在草稿紙上面自己畫一個先，慢慢就會有感覺了。既然是寫過的，那就直接上程式碼： <!DOCTYPE html> <html> &

html基礎之（章節元素，章節元素，超鏈接，錨點）詳細

第四天章節元素<body></body> 文檔內容只能一個<body>元素<header></header>頭部標簽 logo 導航<main></main>網站中重要內容一個文檔中只能有一個<main>在&

html基礎之（內容列表元素，內容嵌套元素。。。。。）完結

html1.內容列表元素有序列表，無序列表，自定義列表無序列表<ul><li></li></ul>有序列表<ol><li</li>></ol> 可以加start="" 在ol裏面加自定義列表<dl>&l

HTML基礎之CSS

不顯示單獨 mage left 根據 eight 自身特性大小 CSS選擇器 1、id選擇器 2、class選擇器 3、標簽選擇器 4、層級選擇器（空格） 5、組合選擇器（逗號） 6、屬性選擇器（中括號） <!DOCTYPE html&

HTML基礎之常用標簽

label fresh 檢索制作兼容標簽 div 無語 ade Meta 標簽介紹 Meta的屬性有兩種：name和http-equiv name屬性用於描述網頁，對應於content <meta name="Generator" contect="">

HTML基礎之DOM操作

show classlist 點擊 ext tee strip previous 組合 mod DOM（Document Object Model 文檔對象模型）一個web頁面的展示，是由html標簽組合成的一個頁面，dom對象實際就是將html標簽轉換成了一個文檔對象。

HTML基礎之HTML標簽

sele 單標簽 input標簽 jpg 開頭 name屬性 radio 語言 ted HTML:超文本標記語言 html代碼實際上就是一套能夠被瀏覽器識別的規則代碼，由一個個標簽組成。後端與前端交互方式： 1、後端直接返回瀏覽器能夠識別的html代碼 2、後端返回數據，

HTML基礎之HTML標簽-html header（meta,title） html body(p,br,h,form,div,span,input,lable)

重要樣式以及 www. 標簽 email static 默認值直接摘自：http://www.imdsx.cn/index.php/2017/07/27/html0/ 一、HTML標簽 1 <!DOCTYPE html> <!--標準的html

14. Java基礎之泛型

remove 角度分享 The 兩個 -a 類型形參建議 set 引用自：https://www.cnblogs.com/lwbqqyumidi/p/3837629.html ， https://blog.csdn.net/s10461/article/details/

前端基礎HTML基礎之CSS

一、id選擇器、class選擇器、標籤選擇器、屬性選擇器、組合選擇器　　設定css樣式有三種，第一種是通過在head中style定義選擇器，寫css樣式　　第二種通過在標籤中新增屬性的方式定義css樣式 style=“background-color：black” 　　第三中方式通過定義css樣式表

dp基礎之計數型硬幣問題

解決DP問題的四大步驟： 1.確定狀態：研究最有策略的最後一步，轉化為子問題，重點 2.轉移方程：根據子問題定義直接得到轉移方程，男點 3.初始條件和邊界情況：注意點 4.計算順序：最好能利用之前計算好的結果，省得重複計算，技巧點問題：現有2,5,7三種硬幣足夠數量，要拼湊成

dp基礎之序列型油漆房子

問題：有一排N棟房子，每棟房子要油漆成紅、藍、綠三種顏色，第i棟房子油漆成紅、藍、綠的花費分別為cost[i][0]、cost[i][1]、cost[i][2] 要求：相鄰的房子顏色需不同求油漆好房子的最小花費程式碼及註釋如下： def Pint_huose(cost)

dp基礎之劃分型數字解密

#問題：有一段A-Z組成字母資訊串被加密數字串，加密方式A-1,B-2...給定加密後的數字串有多少種解密方式？程式碼及註釋如下： def get_case(s): #f[i]表示前i個數字可以解密成的種數 n = len(s) if n==0:

dp基礎之劃分型劃分最少完全平方數個數

問題：給定一個正整數n,問：最少可以將n分成幾個完全平方數(1 4 9 16..)之和? 例：輸入：n = 13 13 = 4+9 輸出：2 分析：狀態確定：最優策略中最後一步，假設n的最優劃分的最後一個平方數是j，則需要知道n-j^2的最優劃分轉移方程：設：f[i]表示i的最

dp基礎之序列型最長上升子序列

問題：給定a[i](i=0...n-1),找到最長上升子序列(假設長度為k)，輸出k 例： a = [4,2,4,5,3,7] 返回 k=4（[2,4,5,7]）分析：對於最優策略：一定有最後一個元素a[j] 情況1：最優策略就是{a[j]},長度k就是1 情

dp基礎之序列型Stock

問題：已知後N天的股票價格為p[0]...p[N-1](N>=2) 要求：可以最多買一股賣一股，求最大獲利分析：列舉第j天賣（0<j<=N-1）儲存j天之前第i天賣的最小值（i<j） &nbs

dp基礎之序列型House Robber

問題：有一排房子N棟，房子i 裡有金幣 house[i]，現有小偷想選擇而一些房子偷金幣，為了防止被抓，不能偷相鄰兩棟房子，問最多能偷多少錢？分析; 在最優策略中，偷或不偷房子N-1 1不偷，則最優策略就是前N-1棟房子的最優策略 2偷，

dp基礎之劃分型劃分最小劃分次數

問題：給定一個字串S[0,..n-1],最少劃分幾次使得每個子串都是迴文串確定狀態：最優策略中最後一段迴文串是S[j...n-1] 需要知道S前j個字元[0...j-1]最少可以劃分成幾個迴文串子問題：設：S前i個字元[0...i-1]最少可以劃分成f[i]個迴

dp基礎之劃分型抄寫書的最短時間

問題：有N本書需要抄寫，每本書的頁數分別為A[0]...A[N-1]，現有K個抄寫員。每個抄寫員可以連續抄寫若干本書，每個抄寫員的抄寫速度一樣一分鐘一頁，問最少需要多長時間抄寫完所有的樹。例： A = [3,2,4],K = 2 最少時間為：5 分析：若一個抄寫員抄寫A[i.

dp基礎之博弈型取石子

對於博弈型dp，一般是從複雜走向簡單，故不從最後一步開始分析，反而從第一部開始分析問題：一排N個硬幣，兩人先後從最右邊取一個或兩個硬幣，規定取走最後石子的人為勝。問先手是否必勝（先手必勝：True；先手必敗：False）例： N = 5 輸出：True,先手必勝

HTML 基礎之 回型矩形

相關推薦

HTML 基礎之回型矩形