首页 > 代码库 > 学习HTML5一周的收获2

学习HTML5一周的收获2

2024-09-08 09:51:13   216人阅读

 
 
 
 
超链接 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="http://www.mamicode.com/#top">跳转到锚点</a>
2、其它页面锚链接
需跳转的页面设置锚链接
在超链接的href属性。文件名.html#name
<a href="http://www.mamicode.com/aaaa.html#top">
注：由于谷歌/IE的兼容问题，需在锚点中，插入一个空格&nbsp;才能生效标签名和属性名要小写
例如：<a href="tencent://massage/?uin=1838660364" title="鼠标指上弹出" target="_self">链接</a>
<a name="img/微信.png">&nbsp;</a>
<a href="http://www.mamicode.com/#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="http://www.mamicode.com/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>

学习HTML5一周的收获2


联系
我们