91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML頁面布局

發布時間:2020-07-16 01:00:51 來源:網絡 閱讀:192 作者:bigbeatwu 欄目:web開發

1.table布局:通過table元素將頁面空間劃分成若干個單元格,將文字或圖片等元素放入單元格中,隱藏表格邊框,實現布局。也叫傳統布局,主要用于廣告郵件的頁面,不是主流。

(1)按照設計圖的尺寸設置表格的寬高以及單元格的寬高

(2)將表格border,cellpadding,cellspacing全設置為0,表格的邊框和間距就不占頁面空間,它只起到劃分空間的作用。

(3)針對局部復雜的布局,可以在單元格里面嵌套表格,嵌套表格劃分局部的空間。

(4)單元格中的元素或者嵌套的表格用align和valign設置對齊方式

(5)通過屬性或者CSS樣式設置單元格中元素的樣式

<body topmargin="0">

<table width="800" height="800" border="1" cellpadding="0" cellspacing="0" align="center">
    <tr>
        <td width="260" valign="top" bgcolor="#F2F2F2">

            <table width="200" border="0" align="center">

                <tr><td height="100"></td></tr>
                <tr>
                    <td align="center"><img src="image/路飛1.jpg" alt="證件照"></td>
                </tr>
                <tr>
                    <td align="right">小小雄</td>
                </tr>
                <tr>
                    <td align="right">13621553248</td>
                </tr>
                <tr>
                    <td align="right">126421@qq.com</td>
                </tr>
            </table>
        </td>
        <td width="30"></td>
        <td width="480" valign="top">

            <table width="480" border="0" cellpadding="0" cellspacing="0" >
                <tr>
                    <td height="80"></td>
                </tr>
                <tr>
                    <td align="right"><img src="image/簡歷圖標.jpg" alt="標題"></td>
                </tr>

            </table >
            <br />
                <hr />
            <table width="480" height="200" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td colspan="2"><b>個人基本情況</b></td>

                </tr>
                <tr>
                    <td><b>姓名:</b>小熊熊</td>
                    <td><b>性別:</b>男</td>
                </tr>
                <tr>
                    <td><b>籍貫:</b>撒哈拉</td>
                    <td><b>民族:</b>亞特蘭蒂斯</td>
                </tr>
                <tr>
                    <td><b>電話:</b>13597894221</td>
                    <td><b>地址:</b>大荒漠</td>
                </tr>
                <tr>
                    <td><b>身高:</b>200cm</td>
                    <td><b>體重:</b>100kg</td>
                </tr>
                <tr>
                    <td><b>愛好:</b>打獵</td>
                    <td><b>個性:</b>調皮</td>
                </tr>
            </table>

            <br />

            <table width="480" height="100" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td><b>教育基本情況</b></td>
                </tr>
                <tr>
                    <td>2000-2010:騎射劍</td>
                </tr>
                <tr>
                    <td>2011-2018:琴書畫</td>
                </tr>
            </table>

            <br />

            <table width="480" height="100" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td><b>所獲證書</b></td>
                </tr>
                <tr>
                    <td>2005年黃金騎士</td>
                </tr>
                <tr>
                    <td>2016詩仙</td>
                </tr>
            </table>
        </td>
        <td width="30"></td>
    </tr>
</table>

</body>

HTML頁面布局

2.HTML+CSS布局(DIV+CSS):主要通過CSS樣式設置來布局文字或圖片等元素,需要用到CSS盒子模型,盒子類型,CSS浮動,CSS定位,CSS背景圖定位等知識來布局,主流布局。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

连州市| 仲巴县| 南丹县| 高清| 南华县| 新竹市| 桃江县| 开平市| 龙岩市| 和平县| 福州市| 上林县| 武乡县| 镇平县| 民勤县| 苗栗市| 建湖县| 临海市| 朝阳县| 余姚市| 本溪市| 海门市| 全州县| 长乐市| 砚山县| 柳林县| 和静县| 红河县| 浙江省| 房山区| 澄城县| 胶州市| 平凉市| 泰和县| 子长县| 南丰县| 巴塘县| 顺平县| 柘荣县| 雷山县| 麻阳|