1. 程式人生 > >一個網頁的Table簡單佈局

一個網頁的Table簡單佈局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

<table>
<tr>
    <td style="background-color:Blue; height:20px;">企業網站</td>
    <td style="background-color:Blue; height:20px;">商標查詢</td>
    <td rowspan="2" style="background-color:pink;height:80px;">單反相機推薦</td>
    <td rowspan="2" colspan="2" style="background-color:Blue;height:80px;">北極旅遊報價</td>
    <td style="background-color:Blue;height:20px;">網站免費模板</td>
    <td style="background-color:yellow;height:20px;">瀋陽地鐵招聘</td>
    <td rowspan="2" colspan="2" style="background-color:silver;height:20px;">招聘機械設計</td>
</tr>

<tr>

<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>北極旅遊攻略</center></td>
<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>個人簡歷</center></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>

</tr>

<tr>

<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>商標註冊代理</center></td>
<td style="background-color:Blue; height:20px;"><center>寮國大紅酸枝</center></td>
<td style="background-color:Blue; height:20px;"><center>機械設計師招聘</center></td>
<td style="background-color:Blue; height:20px;"><center>企業網站模板</center></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>

</tr>

<tr>

<td rowspan="2" style="background-color:Blue; height:20px;"><center>網頁模板</center></td>
<td style="background-color:Blue; height:20px;"><center>旅遊團票</center></td>
<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>商標轉讓</center></td>
<td style="background-color:Blue; height:20px;"><center>三清茶</center></td>
<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>吉普島旅遊報價</center></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>

</tr>

<tr>


<td rowspan="2" colspan="2" style="background-color:Blue; height:20px;"><center>北極村旅遊</center></td>
<td rowspan="2" style="background-color:Blue; height:20px;"><center>長白山旅遊團</center></td>
<td rowspan="2" style="background-color:Blue; height:20px;"><center>免費網站模板</center></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>

</tr>

<tr>

<td style="background-color:Blue; height:20px;"><center>長白山旅遊</center></td>
<td  style="background-color:Blue; height:20px;"><center>中國商標查詢</center></td>
<td style="background-color:Blue; height:20px;"><center>瀋陽招聘</center></td>
<td style="background-color:Blue; height:20px;"><center>北極旅遊</center></td>
<td style="background-color:Blue; height:20px;"><center>機械</center></td>
<td style=" height:20px;"></td>
<td style=" height:20px;"></td>

</tr>


</table>

</body>
</html>


相關推薦

一個網頁Table簡單佈局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html

問題:關於貼友的一個書本頁面簡單佈局(html+css)的實現

貼友需求:以html+css仿照書本的頁面實現佈局效果(見圖) html程式碼: 1: <!-- 我的部落格:http://www.ido321.com --> 2: &

《基礎網頁製作》一個簡單的div佈局,製作靜態網頁簡單

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Div佈局</title> </head> <body> <!-整個div佈局大小-

一個非常簡單的方法使用JavaScript打包一個網頁成為安卓app(打包遠景論壇)

utf 網易 hub 文件 圖標 http taobao targe 應用 前言: 此方法非常簡單,可以挑一些移動端做的好的網站進行打包,比如 淘寶網, 京東網,網易新聞, 遠景論壇 大神看了輕噴,可以自己做了玩一下,本質上也是在瀏覽器訪問頁面,靈感來源於酷安

Unity3d中,簡單的開啟一個網頁

新建場景Scene1,新增button,在Canvas新增如下指令碼: public Button but;     // Use this for initialization     void Start ()     {         but = GameO

Flex 佈局教程:語法篇 作者: 阮一峰 日期: 2015年7月10日 網頁佈局(layout)是 CSS 的一個重點應用。 佈局的傳統解決方案,基於盒狀模型,依賴 display 屬性 + po

網頁佈局(layout)是 CSS 的一個重點應用。 佈局的傳統解決方案,基於盒狀模型,依賴 display 屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便,比如,垂直居中就不容易實現。 2009年,W3C 提出了一種新的方案----Flex 佈局,可以簡

我的移動端網頁搭建01——簡單佈局01(header-content-footer-navbar)

參考網頁: 參考書籍: 《 jQuery Mobile即學即用 》 <-----------------------------------------------------------------------------------> 1.在程式碼中加入j

#python python簡單爬蟲示例——爬取自己的所有部落格,並將所有的部落格匯出到一個網頁

#python    python簡單爬蟲示例——爬取自己的所有部落格,並將所有的部落格匯出到一個網頁 學習本文需要先準備的知識點:python基本語法 1.前期準備(知識點講解) (1)、urllib.request庫——開啟url的可擴充套件庫 urll

【轉】淺談一個網頁打開的全過程(涉及DNS、CDN、Nginx負載均衡等)

位置 filters 產生 多種方法 tps windows cnblogs 這就是 廣東 1、概要   從用戶在瀏覽器輸入域名開始,到web頁面加載完畢,這是一個說復雜不復雜,說簡單不簡單的過程,下文暫且把這個過程稱作網頁加載過程。下面我將依靠自己的經驗,總結一下整個過程

一個基於QT簡單登錄對話框(帶驗證碼功能)

oid mov rim cat pla .sh end qpainter turn 1. 對話框樣式 2. 源代碼 ①. main.cpp #include <QtGui/QApplication> #include "QLoginDialog.h

微信公眾平臺網頁開發實戰--1.微信分享一個網頁到朋友圈

微信開發 html5 jssdk 實戰 網頁開發 對微信的JSSDK進行封裝一下,創建一份類似的文件結構,增加index.html與shareApi.js文件,結構如圖3.3所示。 圖3.3 3.2節文件結構另外,提醒讀者一下,wxJSSDK.js文件的JSSDK環境配置中,需要

Unity一個彈痕的簡單實現方法

註意 allow 由於 div img determine 效率 pda 場景 之前知道一個方法比較復雜就是取出貼圖,類似於從上到下從左到右的去遍歷一張圖,去除像素點改變像素點。今天在選丞大佬那看到下面這個方法,覺得十分簡單,原理應該是相同的吧。 官方文檔: https:/

一個還算簡單的微信消息SDK(基於.Net Standard 2.0)

sch 入口 技術分享 ret 公眾 func exec 實體 blank   雖然微信公眾號出現了好久,不過在SDK這件事情上感覺並沒有多少人把它當成一個有技術含量的事情來做,很多SDK做的事情就是一個代碼的堆疊,當然也可能寫的好的並沒有開源出來。所以在某個翻遍Githu

點擊鏈接,結果跳轉到另外一個網頁

baidu .so view nco ret style cnblogs 一個 tps 問題描述:點擊一個網站的鏈接,打開新頁面結果跳轉到垃圾廣告頁面 ,點擊企業官網後,並沒有跳轉到企業官網,而是跳轉到一個澳門賭場的頁面,但是直接在瀏覽器輸入網址訪問是可以正常訪問的。 經過

JavaWeb基礎 ServletContext 服務器未關閉前,統計一個網頁的瀏覽次數

ets images tis port his pin extend statistic attribute 禮悟:   好好學習多思考,尊師重道存感恩。葉見尋根三二一,江河湖海同一體。 虛懷若谷良心主,願行無悔給最苦。讀書鍛煉強身心,誠勸且行且珍惜。

網頁實現簡單的Python3代碼的運行

思路分析說一下大概的思路:1.目標:在輸入框輸入Python3代碼,點擊運行,右邊顯示代碼結果。2.步驟: 那首先我們需要一個頁面來顯示我們的輸入輸出,還有一個按鈕; 然後就是通過點擊按鈕事件獲取輸入的內容;(用到了Ajax與服務器交互;它會自動封裝請求行,請求頭,空格,我們只需要把內容send就可以了) 再

一個網頁中是可以多次引用自定義字體的

image 分享 images 一個 .com 自定義 alt img es2017 在一個網頁中是可以多次引用自定義字體的

補碼(為什麽按位取反再加一):告訴你一個其實很簡單的問題

滿足 所有 我們 進位 數字 樂意 如果 二進制 關系   首先,閱讀這篇文章的你,肯定是一個在網上已經糾結了很久的讀者,因為你查閱了所有你能查到的資料,然後他們都會很耐心的告訴你,補碼:就是按位取反,然後加一。準確無誤,毫無破綻。但是,你搜遍了所有俯拾即是而且準確無誤的答

如何測試一個網頁登陸界面

攻擊 高度 case 邊界值 失敗 cal web測試 環境 暴力 具體需求: 有一個登陸頁面, (假如上面有2個textbox, 一個提交按鈕。 請針對這個頁面設計30個以上的test case.)此題的考察目的: 面試者是否熟悉各種測試方法,是否有豐富的Web測試經驗,

javascript做的一個根據table中某個td的值為日期時的倒計時

pan doc 現在 參數 tin continue 現在時間 諸葛亮 style JavaScript代碼: <script> window.onload = window.onload = function () { getTdValue(