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

目录

一、title: 

​二、alt

三、width/heigh

四、border ❤️

五、超链接 

六、target 

七、tr

八、td

九、th

十、rowspan

---

一、title: 

 快看美女 御姐风
只要你鼠标在那里，他就会显示你后面的title标志

二、alt

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

快看美女 御姐风
当图片加载不出来，就会出现like

三、width/heigh

  快看美女 御姐风
width:宽度，heigh:高度，（高度和宽度改一个就可，另一个会等比列缩放，否则图片就会失衡了。

四、border ❤️

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

五、超链接 

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

⚠️

跳转到百度
后面的文字跳转到百度，一定要写，我是说这个文字，因为这个文字需要写出来，你才能点击

这里是跳转到你写的另一个项目

 跳转到demo01页面
后面的文字还是要写，和百度一个道理

这个页面就是单纯的跳转到原地（目前感觉没啥鸟用）

此时点击图片就可以跳转到，我们想要的页面

   
这个代码我觉得还是比较重要的

六、target 

target

分为两块

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

2.如果是_blank则用新的标签页打开

 
这个是在原先网页打开。
 
这个新开一个网页打开。

七、tr

tr:表格的一行

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

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

八、td

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

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

九、th

th:表中间，居中加粗。

碍眼的边框，想让他变成一条线

 
cellspacing这个是负责间距的1表示有边框（也就是边框有距离，数字越大，边框也就越粗，你设置成0也就没有边框）
thread:表格的头部区域（注和th区分，范围是比th大的，内容居中且加粗）
讲真目前没感觉有啥用，顶多可以算个好习惯吧。
表格正式成型
 
   
 
   

cellpadding：表示和周围边框保持多少的像素。
然后我们是一般喜欢在表头放到thead中，躯干放到tbody中，这是完整的代码

    
        
    
    
        

            

            
     
                
长度
                
 宽度
                
纯度
   
            
        
          

        

                 
10
                 
12
                 
14
        
                

                    
11
                    
13
                    
16
                
  
            
        

    

十、rowspan

纵向合并单元格（从当前格子，向下合并）

  10
//rowspan=2 是写他占据两个单元格

colspan:横向合并单元格子

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

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