2024年最新【前端寻宝之路】学习和总结HTML表格的实现和合并，2024年最新《Web前端面试题及解析》分享给大家

本文链接：https://blog.csdn.net/2301_82244279/article/details/138884516

总结

阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。

最新阿里蚂蚁金服四面（已拿offer）Java技术面经总结

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最新阿里蚂蚁金服四面（已拿offer）Java技术面经总结

🔥热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL|
💫个人格言:“没有罗马,那就自己创造罗马~”

#mermaid-svg-IWDj0gWiFt6IMq3x {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .error-icon{fill:#552222;}#mermaid-svg-IWDj0gWiFt6IMq3x .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-IWDj0gWiFt6IMq3x .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-IWDj0gWiFt6IMq3x .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-IWDj0gWiFt6IMq3x .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-IWDj0gWiFt6IMq3x .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-IWDj0gWiFt6IMq3x .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-IWDj0gWiFt6IMq3x .marker{fill:#333333;stroke:#333333;}#mermaid-svg-IWDj0gWiFt6IMq3x .marker.cross{stroke:#333333;}#mermaid-svg-IWDj0gWiFt6IMq3x svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-IWDj0gWiFt6IMq3x .label{font-family:“trebuchet ms”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .cluster-label text{fill:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .cluster-label span{color:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .label text,#mermaid-svg-IWDj0gWiFt6IMq3x span{fill:#333;color:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .node rect,#mermaid-svg-IWDj0gWiFt6IMq3x .node circle,#mermaid-svg-IWDj0gWiFt6IMq3x .node ellipse,#mermaid-svg-IWDj0gWiFt6IMq3x .node polygon,#mermaid-svg-IWDj0gWiFt6IMq3x .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-IWDj0gWiFt6IMq3x .node .label{text-align:center;}#mermaid-svg-IWDj0gWiFt6IMq3x .node.clickable{cursor:pointer;}#mermaid-svg-IWDj0gWiFt6IMq3x .arrowheadPath{fill:#333333;}#mermaid-svg-IWDj0gWiFt6IMq3x .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-IWDj0gWiFt6IMq3x .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-IWDj0gWiFt6IMq3x .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-IWDj0gWiFt6IMq3x .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-IWDj0gWiFt6IMq3x .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-IWDj0gWiFt6IMq3x .cluster text{fill:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x .cluster span{color:#333;}#mermaid-svg-IWDj0gWiFt6IMq3x div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-IWDj0gWiFt6IMq3x :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;}

on guard 站岗,值班

文章目录

- target属性

`target属性`

在这里插入图片描述


_self就是在当前页面打开超链接,_blank是在新的页面打开超链接.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table>
        <tr>
            <td>姓名</td>
            <td>性别</td>
            <td>年龄</td>
        </tr>
        <tr>
            <td>张三</td>
            <td>男</td>
            <td>3</td>
        </tr>
        <tr>
            <td>李四</td>
            <td>男</td>
            <td>4</td>
        </tr>
        <tr>
            <td>王五</td>
            <td>女</td>
            <td>5</td>
        </tr>
    </table>
</body>
</html>

在这里插入图片描述