html a标签 img 标签表格

最新推荐文章于 2023-04-22 08:57:34 发布

Hh....

最新推荐文章于 2023-04-22 08:57:34 发布

阅读量321

点赞数 3

文章标签： html

本文链接：https://blog.csdn.net/qq_51129678/article/details/117307834

版权

a标签

a标签是网络跳转标签。
href-----跳转路径。
target----页面跳转的打开方式。

有四种跳转方式 _blank _self _parent _top

_blank:在新窗口打开链接文档。

_self：默认。在相同框架中打开被链接文档

_parent:在父框架中打开被链接文档。

_top:在整个窗口中打开被链接文档。

Framename:在指定框架中打开被链接文档。

锚点链接。

Img标签

img单标签。
src----引入图片的路径。
width， height----调整图片的大小。
alt----表示代替图像的文本类容。（当图片未显示是显示文本内容）
border----设置图片边框默认值为0，值越大边框越大。
align----设置图片位置图片和文字的位置其中有 top middle bottom left right 方位。
title----鼠标滑过显示图片标题。

上对齐</p><img src="../图片/洪崖洞1.jpg" width="1024" height="600" alt="未加载" border="1" align="top" title=" 图片">

usemap----图像映射和map标签 area标签一起使用。

具体使用方法：map标签中的name 要与a标签中的usemap内容一致，不过usemap中的内容要以#开头。 area标签要放在map标签里。 area标签有 shape cords herf 属性。

Shape----设置鼠标点击的形状，

cords----形状大小的取值，

herf----跳转的路径。

</map>

表格

table----定义了一个表格。
thead----表格的头部。
tr----行。
td----列。
tfoot----表格的尾部。

</table>

<table>

<tr>

<td>

</td>

</tr>

</table>

表格属性

border----设置边框。
height，width----设置宽高。
align----设置位置
bgcolor background----背景颜色背景图片。
cellsdding----表格的变距内容和边框的距离。
cellspacing----表格的间距单元格和单元格之间的距离。

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

<table>

表格的嵌套

<tr>

<td>

<tr>

</tr>

</table>

</td>

</tr>

</table>

8.表格合并

rowspan----合并行。

colapan----合并列。

<tr>

</tr>

<tr>

</tr>

</table>

表格实例

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <table>

        <td>
            <h2>工商银行电子汇款单</h2>
        </td>
        <table width="1600" height="20" border="1" cellspacing="0" cellpadding="0">
            <tr align="center">
                <td width="200" colspan="2">回单类型</td>

                <td width="600">网上转账汇款</td>
                <td width="200" colspan="2">指令序号</td>
                <td width="600">21325412535454</td>
            </tr>
            <tr>
                <td rowspan="4" width="75"> 收款人</td>
                <td width="125">户名</td>
                <td>张三</td>
                <td rowspan="4" width="75">付款人</td>
                <td width="125">户名</td>
                <td>老刘</td>
            </tr>
            <tr>
                <td>卡号</td>
                <td>000000001</td>
                <td>卡号</td>
                <td>000000002</td>


            </tr>
            <tr>
                <td>地区</td>
                <td>南京</td>
                <td>地区</td>
                <td>杭州</td>
            </tr>
            <tr>
                <td>网点</td>
                <td>工商江苏南京业务处理中心</td>
                <td>网点</td>
                <td>江苏徐州业务处理中心</td>
            </tr>
            <tr>
                <td colspan="2">币种</td>
                <td>人民币</td>
                <td colspan="2">炒汇标志</td>
                <td>钞票</td>

            </tr>
            <tr>
                <td colspan="2">金额</td>
                <td>1.00元</td>
                <td colspan="2">手续费</td>
                <td>0.75元</td>

            </tr>
            <tr>
                <td colspan="2">合计</td>
                <td colspan="4">人民币（大写）壹</td>


            </tr>
            <tr>
                <td colspan="2">交易时间</td>
                <td>2017年6月01号</td>
                <td colspan="2">时间戮</td>
                <td>2017-06-01-13.00.00.00.00000</td>

            </tr>
        </table>
        <p>票据打印时间：2017-06-01 15:00:12</p>
        <p><del>票据打印单位：苏州徐州业务中心</del></p>
        <p>操作员：大曾</p>
    </table>
</body>

</html>

Hh....

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
html a标签 img 标签表格

a标签a标签是网络跳转标签。 href-----跳转路径。 target----页面跳转的打开方式。有四种跳转方式 _blank _self _parent _top_blank:在新窗口打开链接文档。<ahref="https://www.baidu.com/"target="_blank">点击</a>_self：默认。在相同框架中打开被链接文档（不打开另外一个页面）<ahref="https://www.baidu.com/"ta...
复制链接

扫一扫