JavaWeb7.4【HTML標籤：綜合案例】

阿新 • • 發佈：2021-06-26

確定使用table來完成佈局
如果某一行只有一個單元格，則使用<tr><td></td></tr>
如果某一行有多個單元格，則使用

	<tr>
		<td>
			<table></table>
		</td>
	</tr>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>黑馬旅遊網</title>
</head>
<body>

    <table width="100%", align="center"><!--最外層table，用於頁面佈局-->
        <!--第1行-->
        <tr>
            <td><img src="../image/top_banner.jpg", width="100%"></td>
        </tr>

        <!--第2行-->
        <tr>
            <td>
                <table width="100%", align="center"><!--內層巢狀table1-->
                    <tr>
                        <td><img src="../image/logo.jpg"></td>
                        <td><img src="../image/search.png"></td>
                        <td><img src="../image/hotel_tel.png"></td>
                    </tr>
                </table><!--內層巢狀table1/-->
            </td>
        </tr>

        <!--第3行-->
        <tr>
           <td>
               <table width="100%", align="center">
                   <tr bgcolor="yellow", align="center", height="45">
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                       <td><a href="">首頁</a></td>
                   </tr>
               </table>
           </td>
        </tr>

        <!--第4行-->
        <tr>
            <td><img src="../image/banner_3.jpg", width="100%"></td>
        </tr>

        <!--第5行-->
        <tr>
            <td>
                <img src="../image/icon_5.jpg">
                黑馬精選
                <hr color="#ffd700">
            </td>
        </tr>

        <!--第6行-->
        <tr>
            <td>
                <table align="center", width="95%">
                    <tr>
                        <td>
                            <img src="../image/jiangxuan_1.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_1.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_1.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_1.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第7行-->
        <tr>
            <td>
                <img src="../image/icon_6.jpg">
                國內遊
                <hr color="#ffd700">
            </td>
        </tr>

        <!--第8行-->
        <tr>
            <td>
                <table align="center", width="95%">
                    <tr>
                        <td rowspan="2">
                            <img src="../image/guonei_1.jpg">
                        </td>
                        <td>
                            <img src="../image/jiangxuan_2.jpg", width="100%">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_2.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_2.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <img src="../image/jiangxuan_2.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_2.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_2.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第9行-->
        <tr>
            <td>
                <img src="../image/icon_7.jpg">
                境外遊
                <hr color="#ffd700">
            </td>
        </tr>

        <!--第10行-->
        <tr>
            <td>
                <table align="center", width="95%">
                    <tr>
                        <td rowspan="2">
                            <img src="../image/jiangwai_1.jpg">
                        </td>
                        <td>
                            <img src="../image/jiangxuan_3.jpg", width="100%">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_3.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_3.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>

                    <tr>
                        <td>
                            <img src="../image/jiangxuan_3.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_3.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                        <td>
                            <img src="../image/jiangxuan_3.jpg">
                            <p>上海飛三亞五天4晚自由行(春節銷售+親子+蜜月+自由行)</p>
                            <font color="red">&yen; 899</font>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>

        <!--第11行-->
        <tr>
            <td><img src="../image/footer_service.png", width="100%"></td>
        </tr>
        
        <!--第12行-->
        <tr>
            <td align="center", bgcolor="yellow">
                <footer>
                    <font color="#808080", size="2">
                        <center>
                            江蘇&nbsp;&nbsp;&nbsp;傳智播客教育科技股份有限公司版權所有<br/>
                            Copyright 2006-2018&copy;, All Rights Reserved 蘇ICP備16007882
                        </center>
                    </font>
                </footer>
            </td>
        </tr>
    </table><!--最外層table，用於頁面佈局/-->

</body>
</html>

JavaWeb7.4【HTML標籤：綜合案例】

確定使用table來完成佈局如果某一行只有一個單元格，則使用<tr><td></td></tr>

JavaWeb7.3【HTML標籤：圖片~、列表~、連結~、塊~、語義~、表格~】

3. 圖片標籤： * img：展示圖片 * 屬性： * src：指定圖片的位置 <!DOCTYPE html> <html lang=\"en\">

JavaWeb1.3.4【基礎加強：註解案例-簡單的測試框架】

1 package com.yubaby.annotation.p3; 2 3 /* 4 * 案例：簡單的測試框架 5 6 7 * 小結： 81. 以後大多數時候，我們會使用註解，而不是自定義註解

JavaWeb7.2【HTML標籤、檔案標籤】

檔案標籤：構成html最基本的標籤 html:html文件的根標籤 head：頭標籤。用於指定html文件的一些屬性。引入外部的資源

JavaWeb8.1【HTML標籤：表單標籤】

表單：概念：用於採集使用者輸入的資料的。用於和伺服器進行互動。 form：用於定義表單的。可以定義一個範圍，範圍代表採集使用者資料的範圍

JavaWeb14.4【servlet&http&request：綜合案例-使用者登入】

1 <!DOCTYPE html> 2 <html lang=\"en\"> 3 <head> 4<meta charset=\"UTF-8\"> 5<title>Title</title>

【HTML標籤:表單標籤、CSS】

今日內容： 1. HTML標籤：表單標籤 2. CSS： HTML標籤：表單標籤 * 表單： * 概念：用於採集使用者輸入的資料的。用於和伺服器進行互動。

前端html標籤：塊級元素，行內元素，空元素

前端是一個很容易入門，但卻很難走進去的一個行業。看似簡單，但一旦深入，就“不可自拔”。說到，前端，肯定少不了要認識他的組成元素，那這就涉及到塊級元素，行內元素以及一些空元素。

JavaWeb1.3.3【基礎加強：註解案例（註解+反射重構"JavaWeb-1.2.3【基礎加強：案例（反射+配置檔案）】）】

1 package com.yubaby.annotation.p2; 2 3 /* 4 * 在程式使用(解析)註解：獲取註解中定義的屬性值

JavaWeb20.4【JQuery基礎：DOM之內容操作、屬性操作】

1 <!DOCTYPE html> 2 <html> 3<head> 4<meta charset=\"UTF-8\"> 5<title></title>

資料庫：綜合案例 - 商城案例表設計

通過對商城專案的部分表關係進行分析,完成資料庫表的設計 1 表關係分析 2 建庫,建表

【深度學習：目標檢測】1.1 Faster RCNN理論合集

1. R-CNN簡介 2014年之前都是使用傳統方法進行目標檢測，準確率僅30%左右，R-CNN出現後提升了30%的準確率。

【附錄B：SDF 上】靜態時序分析聖經翻譯計劃

本文由知乎趙俊軍授權轉載，知乎主頁為https://www.zhihu.com/people/zhao-jun-jun-19 本附錄將介紹標準延遲標註格式，並說明了如何在模擬中執行反標。

【c++實踐：實驗一】

技術標籤：c++ 第一題【題目描述】鍵盤輸入：年份、月份、日期。輸出：該日期是該年份的第幾天。要求：（1）年份要大於0，月份在1~12之間，日期要在該月份的合理範圍內；（2）要考慮閏年。

泡泡SpringSecurity1.2【Spring Security快速入門案例】

搭建初始web環境 <?xml version=\"1.0\" encoding=\"UTF-8\"?> <project xmlns=\"http://maven.apache.org/POM/4.0.0\" xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\"