码迷,mamicode.com
首页 > 其他好文 > 详细

0427基础标签学习

时间:2018-04-27 13:40:57      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:ble   方式   info   tab   高度   div   垂直   tle   height   

|-img标签
|--src 引入图片的路径
|--width 图片的宽度
|--height 图片的高度
|--titlt 鼠标移上图片时显示的标题
|--alt 图片加载不出来时显示的内容

<img src="../../xiaomi/xiaoguanggao.png" height="200px" width="200px" title="小米电脑" alt="这是小米电脑的图片"/>

技术分享图片


|-表格标签
|--table 表格
|--border 表格的边框(默认1像素)
|--cellspacing 表格之间的间距
|--cellpadding 内容与表格边框的间距
|--tr 行
|--td 列
|--width 列的宽度
|--height 列的高度
|--align 水平对齐方式:center 中间;right 右;left 左;
|--valing 垂直对齐方式:top 顶部;middle 中间;bottom 底部;
|--bgcolor 背景颜色(background 背景;color 颜色;)
|--rowspan 合并行(row 行;占用被合并行的位置,原有行右移,需删除)
|--colspan 合并列(column 列;占用被合并列的位置,原有列下移,需删除)

<table border="1px" cellspacing="0px" cellpadding="0px" align="middle">
            <tr align="center">
                <td height="40px" width="100px">姓名</td>
                <td width="100px"></td>
                <td width="100px">性别</td>
                <td width="100px"></td>
                <td width="100px">出生年月</td>
                <td width="100px"></td>
                <td rowspan="4" width="100px"></td>
            </tr>
            <tr align="center">
                <td height="40px">民族</td>
                <td></td>
                <td>政治面貌</td>
                <td></td>
                <td>身高</td>
                <td></td>
            </tr>
            <tr align="center">
                <td height="40px">学制</td>
                <td></td>
                <td>学历</td>
                <td></td>
                <td>户籍</td>
                <td></td>
            </tr>
            <tr align="center">
                <td height="40px">专业</td>
                <td></td>
                <td colspan="2">毕业学校</td>
                <td colspan="2"></td>
            </tr>
            <tr align="center">
                <td colspan="7" height="40px"><b>技能、特长或爱好</b></td>
            </tr>
            <tr align="center">
                <td height="40px">外语等级</td>
                <td colspan="2"></td>
                <td>计算机</td>
                <td colspan="3"></td>
            </tr>
            <tr align="center">
                <td colspan="7" height="40px"><b>个人履历</b></td>
            </tr>
            <tr align="center">
                <td height="40px">时间</td>
                <td colspan="2">单位</td>
                <td colspan="4">经历</td>
            </tr>
            <tr align="center">
                <td height="40px">2002年4月</td>
                <td colspan="2"></td>
                <td colspan="4"></td>
            </tr>
            <tr align="center">
                <td height="40px">2003年3月</td>
                <td colspan="2"></td>
                <td colspan="4"></td>
            </tr>
            <tr align="center">
                <td height="40px">2003年8月</td>
                <td colspan="2"></td>
                <td colspan="4"></td>
            </tr>
            <tr align="center">
                <td colspan="7" height="40px"><b>联系方式</b></td>
            </tr>
            <tr align="center">
                <td height="60px">通讯地址</td>
                <td colspan="3"></td>
                <td>联系电话</td>
                <td colspan="2"></td>
            </tr>
            <tr align="center">
                <td height="50px">E-mail</td>
                <td colspan="3"></td>
                <td>邮编</td>
                <td colspan="2"></td>
            </tr>
            <tr align="center">
                <td colspan="7" height="60px"><b>自我评价</b></td>
            </tr>
        </table>
技术分享图片

 

0427基础标签学习

标签:ble   方式   info   tab   高度   div   垂直   tle   height   

原文地址:https://www.cnblogs.com/zhangbaozhong/p/8961621.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!