zoukankan      html  css  js  c++  java
  • 学习HTML5一周的收获2

     
     
     
     
    超链接 a
    1、herf:超链接的网络地址,可写本地文件的相对路径,或本地html文件的相对路径,
    方式是img的src的路径
    2、target:设置超链接打开窗口的位置,_slef 自身网页打开(默认) _blank 新页面开
    3、title:鼠标指上弹出
    【功能性链接】
    mailto://1838660364@qq.com
    tencent://massage/?uin=2831705549
    【锚链接】
    1、本页面锚链接
    设置一个锚点:<a name="top"></a>用name 属性表示锚点名称
    在超链接的href属性中,使用#name跳转到指定的锚点位置
    <a href="#top">跳转到锚点</a>
    2、其它页面锚链接
    需跳转的页面设置锚链接
    在超链接的href属性。文件名.html#name
    <a href="aaaa.html#top">
    注:由于谷歌/IE的兼容问题,需在锚点中,插入一个空格&nbsp;才能生效标签名和属性名要小写
    例如:<a href="tencent://massage/?uin=1838660364" title="鼠标指上弹出" target="_self">链接</a>
    <a name="img/微信.png">&nbsp;</a>
    <a href="#img/微信.png"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>跳转</a>
     
     
    表格
    表格table
    表格<table>
    表格的行<tr></tr>
    表格的列<td></td>
    表头的列<th></th>
    </table>
    【table的常用属性】
    Border:表格的边框属性;当使用border=""设置边框时,会在所有td及table上嵌套边框
    ,当border加大时,只有表格最外层加粗
    Cellspacing:单元格之间的间隙,当数值为0时,单元格之间间隙是0,单边框线还是两条。
    【合并边框的写法】style="border-collapse:collapse"使用合并后,无需设置cellspacing。
     
    Cellpadding:单元格内边框,文字与边框之间的距离
    Width
    Height
    Align:表格的对齐方式 设置表格在父容器中的对齐方式 left center right
    [注意]当表格使用align属性时,相当于使表格浮动,可能会导致表格后面的元素收到影响。
    Bgcolor:背景色
    Background:背景图片
    当背景图和背景色同时生效时,背景图会覆盖背景色
    Bordercolor:边框颜色
    <!--
    <tr><td>的标签属性
    Width、Height:给单个的行,列设置
    Bgcolor:背景色
    Align:设置单元格中的文字在单元格中的水平对齐方式
    Valign:文字垂直对齐方式top/center/bottom
    nowrap:nowrap="nowrap"设置单元格文字行末不换行
    -->
    <!--
    [表格的跨行与跨列]
    1、跨列:colspan,单元格跨N列,则删除后面的N-1列
    2、跨行:rowspan,单元格跨N行,则删除后面的N-1行
    -->
    例如
     
    </table>
    <table border="5" width="400" height="150" bordercolor="red" style="border-collapse: collapse;">
    <tr>
    <td rowspan="6" width="100" height="150"><img src="img/天气图标-1.jpg"/ width="100" height="100"></td>
    <td rowspan="3"></td>
    <td rowspan="2"></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    <tr>
    <td rowspan="2"></td>
    <td></td>
    </tr>
    <td rowspan="3"></td>
    <td></td>
    <tr>
    <td rowspan="2"></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>
  • 相关阅读:
    CF980E The Number Games
    UVALive 2995 Image Is Everything
    CF1148F Foo Fighters
    CF22E Scheme
    CF1045G AI robots
    学习笔记 并查集维护区间删除
    HEOI 十二省联考退役记
    立方网面试题总结
    Django学习排错备注
    追求卓越之旅(转)
  • 原文地址:https://www.cnblogs.com/zhang11424/p/6539178.html
Copyright © 2011-2022 走看看