HTML5技术

学习HTML5一周的收获2 - 张晋铭

字号+ 作者:H5之家 来源:H5之家 2017-03-13 08:03 我要评论( )

超链接 a 1、herf:超链接的网络地址,可写本地文件的相对路径,或本地html文件的相对路径, 方式是img的src的路径 2、target:设置超链接打开窗口的位置,_slef 自身网页打开(默认) _blank 新页面开 3、title:鼠标指上弹出 【功能性链接】 mailto://183866

 

 

 

 

超链接 a

1、herf:超链接的网络地址,可写本地文件的相对路径,或本地html文件的相对路径,

方式是img的src的路径

2、target:设置超链接打开窗口的位置,_slef 自身网页打开(默认) _blank 新页面开

3、title:鼠标指上弹出

【功能性链接】

mailto://1838660364@qq.com

tencent://massage/?uin=2831705549

【锚链接】

1、本页面锚链接

设置一个锚点:<a></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>&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 bordercolor="red">

<tr>

<td rowspan="6"><img src="img/天气图标-1.jpg"/></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>

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 FileReader接口学习笔记 - 就只是小茗

    HTML5 FileReader接口学习笔记 - 就只是小茗

    2017-03-10 16:00

  • HTML5中的新事件 - zxyGo

    HTML5中的新事件 - zxyGo

    2017-03-10 14:00

  • 游戏开发完整学习路线(各个版本都有) - 若朝若曦

    游戏开发完整学习路线(各个版本都有) - 若朝若曦

    2017-03-09 17:00

  • FormData+Ajax 实现多文件上传 学习使用FormData对象 - 天青色的西瓜莹

    FormData+Ajax 实现多文件上传 学习使用FormData对象 - 天青色的西瓜

    2017-03-08 18:01

网友点评