码迷,mamicode.com
首页 > Web开发 > 详细

html a img table

时间:2019-01-13 18:06:44      阅读:385      评论:0      收藏:0      [点我收藏+]

标签:alt   order   height   不能   src   边框   target   lsp   点击   

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <a href="http://www.baidu.com" target="_blank">百度</a> <!--跳转。默认在当前页打开,target=blank是在新的也签打开-->
    <a>第一章</a>
    <a href="#i2">第二章</a>  <!--a标签做锚点,点击对应a标签跳转到对应div。div里面的id不能有重复-->
    <a>第三章</a>
    <div style="height: 1000px">第一章内容</div>
    <div id="i2" style="height: 100px">第二章内容</div>
    <div style="height: 600px">第三章内容</div>
    <a href="http//www.baidu.com">  <!--实现点击图片跳转到对应网页的效果-->
        <img src="37.jpg" style="height: 200px;width: 200px" alt="底层文字,图片无法显示时会出现" title="悬浮鼠标显示"> <!--image标签-->
    </a>

    <ul> <!--列表,还有类似ol-li  dl-dt/dd等,与world里面项目符号、列表等-->
        <li>123</li>
        <li>123</li>
        <li>123</li>
    </ul>



</body>
</html>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<table border="1"> <!--表格标签,thead是表头,tbody是表的内容。tr行,th是表头里面的列,td是内容的列。border=1显示表格边框-->
    <thead>
        <tr>
            <th>第一列</th>
            <th>第二列</th>
            <th>第三列</th>
            <th>第四列</th>
            <th>第五列</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td rowspan="2">1</td> <!--上下合并单元格,占2行-->
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td> <!--col表示这个单元格跨2列,即在该行合并单元格,往右-->
            <td colspan="2">3</td>
        </tr>
    </tbody>
</table>


</body>
</html>

 

html a img table

标签:alt   order   height   不能   src   边框   target   lsp   点击   

原文地址:https://www.cnblogs.com/flags-blog/p/10263339.html

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