前端第二课，HTML,alt,title,width/heigh，border,＜a＞超链接,target,tr,td,th

一、title: 💛

二、alt💙

三、width/heigh💜

四、border ❤️

五、超链接💚

一、title: 💛


 快看美女 御姐风<img src=" hhh.png" title=" like" >
只要你鼠标在那里，他就会显示你后面的title标志

二、alt💙

我电脑可能有某些小问题，导致无法展现这个数字


快看美女 御姐风<img src=" hhh.pn" alt=" like" >
当图片加载不出来，就会出现like

三、width/heigh💜


  快看美女 御姐风<img src="hhh.png" width="1000",heigh="1000" >
width:宽度，heigh:高度，（高度和宽度改一个就可，另一个会等比列缩放，否则图片就会失衡了。

四、border ❤️

边框，参数是宽度的像素，一个用CSS设定(就是简单介绍）

五、超链接💚

这个是表示跳转的连接，这个点击就会到达百度

⚠️
<a href="https://www.baidu.com">跳转到百度</a>
后面的文字跳转到百度，一定要写，我是说这个文字，因为这个文字需要写出来，你才能点击
这里是跳转到你写的另一个项目
 <a href="demo01.html">跳转到demo01页面</a>
后面的文字还是要写，和百度一个道理
这个页面就是单纯的跳转到原地（目前感觉没啥鸟用）

此时点击图片就可以跳转到，我们想要的页面
   <a href="https://www.baidu.com\"><img src="hhh.png"></a>
这个代码我觉得还是比较重要的

六、target 💗

target

分为两块

1.默认值，_self.在原本的网页打开

2.如果是_blank则用新的标签页打开
<a href="https://www.baidu.com\" target="_self"> <img src="hhh.png" alt=""></a>
这个是在原先网页打开。
<a href="https://www.baidu.com\" target="_blank"> <img src="hhh.png" alt=""></a>
这个新开一个网页打开。

七、tr💕

tr:表格的一行

但是这块没有边框，所以看起来确实有点傻呆蠢，但是加上边框

这样能稍微好看一点点，能稍微有个间隙了。

八、td💘

td:一个单元格,可以看代码，来观察一下区别

现在就基本没啥大毛病了。基本有点表格的框架，但是不怎么好看，应该把首行的字，放到中间

九、th💞

th:表中间，居中加粗。

碍眼的边框，想让他变成一条线
 <table border="1" width="500" cellspacing="0">
cellspacing这个是负责间距的1表示有边框（也就是边框有距离，数字越大，边框也就越粗，你设置成0也就没有边框）
thread:表格的头部区域（注和th区分，范围是比th大的，内容居中且加粗）

讲真目前没感觉有啥用，顶多可以算个好习惯吧。

表格正式成型


<table border="1" width="500" cellspacing="0" cellpadding="50",align="center">
cellpadding：表示和周围边框保持多少的像素。

然后我们是一般喜欢在表头放到thead中，躯干放到tbody中，这是完整的代码


<html>
    <head>
        <title>这是页面标题</title>
    </head>
    <body>
        <table border="1" width="500" cellspacing="0" cellpadding="50",align="center">
            <thead>
            <tr>     
                <td>长度</td>
                <th> 宽度</th>
                <th>纯度</th>   
            </tr>
        </thead>
          <tbody>
        <tr>
                 <td>10</td>
                 <td>12</td>
                 <td>14</td>
        </tr>
                <tr>
                    <td>11</td>
                    <td>13</td>
                    <td>16</td>
                </tr>  
            </tbody>
        </table>
    </body>
 
</html>

十、rowspan

纵向合并单元格（从当前格子，向下合并）
  <td rowspan="2">10</td>
//rowspan=2 是写他占据两个单元格
colspan:横向合并单元格子

我们通过这两个图，都能看出来，原来是对齐的，都会有一个多出来，所以需要我们进行对

合并的，多的那个删除一个，也就如同下图删除多的一个，自然也就对齐了。

相关阅读:
0088 堆排序
一级缓存和二级缓存在Mybaits和操作系统中分别指什么
ISPE GAMP5 中文版
消灭空指针，Java 8 给我们更好的解决方案
Universal Robot (UR3)与USB摄像头和电磁夹持器结合的ROS拾取和放置硬件实施详细教程：从连接到实践
Java不能操作内存？Unsafe了解一下
Sentinel源码剖析之常用限流算法原理实现
面试真题：消费者积压问题的答案
centos7解决无法上网的问题
系数（ coefficients）、因数或因子（ factors）

原文地址：https://blog.csdn.net/weixin_72953218/article/details/133199093